Below is an overview of the PeachWorlds UI. The PeachWorlds Builder is divided into four main user interfaces: The User Dashboard, The 3D Editor, The Animation Editor, and The UI Editor. The last three share many similar UI features.

The User Dashboard

1. The Settings button directs you to the settings page. Here, you can:
   • Edit your profile settings, such as username and avatar
   • Manage subscriptions (feature coming soon)
2. The Home tab in the left sidebar (coming soon) will lead you to a list of the most popular templates, an FAQ section, and more.
3. The My Websites tab in the left sidebar navigates you to a list of websites that you have created or plan to create.
   • 3.1 You can use the Filter dropdown menu located in the upper right corner to sort your websites either by the most recent, in alphabetical order, or by the time of creation.
4. The Archives tab in the left sidebar displays a list of websites that you've created and archived.
   • 4.1 You can archive a website from the "My websites" tab by hovering over the desired website, clicking on the 3-dot dropdown menu that appears, and selecting the "Archive" option. On the same menu you also have the option to duplicate or rename the website.
   • Within the "Archives" tab, you can choose to permanently delete or restore your website.
5. The New Website+ button directs you to the 3D builder, where a new website template awaits. From there, you can start creating your desired website.
6. The Tutorials tab (coming soon) will take you to a list of video tutorials regarding all the possibilities offered by the PeachWorlds 3D Website builder.
7. The Library tab (coming soon) tab will take you to a page with the materials.
8. The Templates tab (coming very soon) tab will take you to a page with a list of available templates to explore, download and make you own.
9. The Help and Feedback tab takes you to the help and feedback section, where you can ask questions regarding any issues that arise in the help section or leave your thoughts of the builder in the feedback section.

The 3D Editor

1. The PeachWorlds Icon in the upper left corner provides access to the User Dashboard and a variety of functions such as undo, redo, cut, copy, paste, delete, and duplicate, each with their respective shortcuts.
   • Adjacent to the icon is the website name, which you can edit by double-clicking on it.
2. The Builder toggle button, located at the top of the page, allows you to switch between the 3D, Animation, and UI editors.
3. The Left navigation bar provides access to the add elements panel, style guide, pages (coming soon), asset library, and site settings (coming soon).
   • 3.1 The Add elements button opens a panel where users can add elements to the canvas, such as planes, cubes, cameras, lights, and the water element.
   • 3.2 The Styleguide button takes you to the styleguide, where you can view the different styles used in the PeachWorlds builder.
   • 3.3 The Pages button (coming soon) takes you to the Pages overview overlay.
   • 3.4 The Asset Library Button opens the asset library panel. Here, you can upload a variety of assets for your website, such as 3D models, images, videos, and HDRI environments.
4. The Scene Hierarchy represents all the elements on the canvas along with their hierarchical relationships.
   • You can reorganize objects within the hierarchy by dragging and dropping them.
   • To alter hierarchical relationships, drag an object below the intended parent until the blue line shortens. This indicates that it will become a child.
   • Similarly, to convert a child element into a root item, drag it above any element and release it when the blue line appears.
5. The Inspector panel on the right-hand side displays the editing functions and features of either the selected element or the global settings options.
   • If you select any element in the editor, various new sections appear in the inspector panel whose settings effect the selected element from things like it’s position, scale and rotation to it’s shadow settings.
   • Some sections, like the "Transform" section, appear for all elements in the 3D editor, while others, like the "Water" section, are only available for specific elements (in this case, the water element).
   • If no elements are selected, the panel will only display the global settings options
6. The Play button situated at the top right enables you to enter and exit preview mode.
   • This mode lets you preview how your website will appear on various resolutions, like mobile, tablet, and desktop screen sizes.