Build UI

Build responsive web and native app interfaces with the visual editor and component library. This section is organized as Concepts → Guides → Reference.

New to the editor? Start with Editor Overview.

Concepts

UI Organization Layout System

Guides

Page & Component Basics Editor Overview Using Custom Components Component System Migration

Reference

Design Panel Pages & Modals Display Components Input Components Layout Components Other Components Breakpoints UI Shortcuts

Recommended Reading Order

Step	Document	Description
0	Editor Overview	Optional: scan the editor UI first
1	UI Organization	Clients, pages, component tree, context
2	Layout System	Box model, Flexbox, positioning, breakpoints
3	Page & Component Basics	Add pages, components, and modals
4	Pages & Modals	Page/modal Design, Data, Action fields
5	Component reference	Look up fields in Design Panel and component references

After Mental Models and Methodology, follow steps 1–3 before your first build. Step 4–5 are for lookup while configuring.

For your first app, continue to Hello World.