Native block reference
Every native element type, grouped by purpose and editing workflow.
Layout blocks
| Block | Use |
|---|---|
| Frame | General-purpose grouping and visual composition |
| Stack | Flow-based rows or columns |
| Section | A major section of a page |
| Container | A content wrapper |
| Grid | Repeated content arranged in a grid |
| Divider | Visual separation |
| Spacer | Intentional empty space |
Start with a parent layout, add its children, then adjust spacing and sizing. Check mobile before adding fixed dimensions everywhere.
Content and media
| Block | Use |
|---|---|
| Heading | Section headings with a meaningful hierarchy |
| Text | Paragraphs and short text |
| Image | Images with descriptive alt text |
| Button | Calls to action and interaction triggers |
| Video | Video content |
| Icon | Library icons |
| List | A list container |
| ListItem | An individual list entry |
| Quote | Quoted content |
| Markdown | Structured markdown content |
| Embed | Embedded content; review trust and browser restrictions |
Forms
Form groups submission controls. Fieldset and Label provide structure and names. Input, Textarea and Select collect values; Checkbox and Radio collect choices; FileInput lets a visitor select a file. Selection is not a hosted upload service. See forms.
Server-backed content
Request supplies API data and Repeat renders collections. Define a data source, inspect its response shape, select the collection path, and bind child content. See data binding.
Composed interactive blocks
Carousels, marquees, tabs and accordions are built using editable layers and interaction settings rather than additional element type names. See motion and interactions.