The builder
The builder is where you create. It has three main areas: the canvas in the middle, chat on the side, and panels for projects, layers, and properties.
The canvas
The live preview of your project. Click any element to select it — selected elements show controls and appear in the properties panel. Drag to rearrange. The canvas always reflects the current state of your project, exactly as it will look when deployed.
Chat
Describe what to build or change; the agent composes from bricks and updates the canvas live. Target a
specific element by clicking it first, or reference it with @ (e.g. @hero). You can also
dictate with the microphone.
Panels
- Projects — open, rename, and switch between your projects.
- Layers — the structure of the current project as a tree; drag here to reorder or nest elements.
- Properties — edit the selected element's settings and styling.
- Data — manage connections to APIs and databases (see Connecting data).
The menu bar
The classic app menus: File (new project, export, deploy), Edit (undo/redo), View (toggle panels, schematic layout view), Insert, Format, Data, and AI actions.
Start a project from a template to see a complete, well-structured example you can take apart and adapt.