Core atoms and layout primitives. Form controls: ux-blocks-form.
| Component | Description |
|---|---|
| AspectRatio | Locks media to a fixed width/height ratio |
| Avatar | User or entity avatar (image or initials) |
| Badge | Compact status or count label |
| Breadcrumb | Navigation breadcrumb trail |
| Button | Primary actions and form submits |
| ButtonGroup | Grouped related buttons |
| Card | Grouped content surface (pilot — component lives in ux-blocks-extended) |
| Divider | Text or rule divider for inline separation |
| Field | Form field wrapper with label and validation (pilot — component lives in ux-blocks-form) |
| Figure | Image with optional caption |
| Flash | Single inline flash message |
| FlashStack | Stack of flash messages |
| Grid | CSS grid layout shell |
| Image | Responsive content image |
| Kbd | Keyboard shortcut hint |
| Link | Inline text navigation |
| List | Styled list container |
| PageHeading | Primary page title block |
| Pagination | Paged navigation control |
| Progress | Completion progress bar |
| ScrollArea | Scrollable region with styled overflow |
| SectionHeading | Section title within a page |
| Separator | Visual divider between sections |
| Skeleton | Loading placeholder shape |
| Spinner | Loading indicator |
| Stack | Vertical or horizontal stack spacing |
| Typography | Headings, body copy, and prose blocks |
| Package | Adds |
|---|---|
| ux-blocks-form | Input, Field, Select, … |
| ux-blocks-extended | Card, Alert, Dialog, … |