Components
The full Plinth inventory and where each component stands.
Components ship one at a time. Each goes through the same gate before the next one starts: built on the Base UI primitive, styled with semantic tokens only, verified in the browser (every state, keyboard navigation, light and dark), then documented with all variants rendered live.
Status meanings: Live has a docs page and registry URL. Building is in progress right now. Planned has a confirmed slot in the current phase.
Phase 1 · Core primitives
| Component | Status |
|---|---|
| Button | Live (includes icon-button sizes) |
| Button Group | Live |
| Badge | Live |
| Tag | Live |
| Avatar | Live (with AvatarGroup) |
| Kbd | Live |
| Separator | Live |
| Label | Live |
| Field | Live |
| Input | Live |
| Textarea | Live |
| Checkbox | Live |
| Radio Group | Live |
| Switch | Live |
| Slider | Live |
| Progress | Live (bar + circle) |
| Skeleton | Live |
| Spinner | Live |
| Select | Live (single + multiple) |
| Tooltip | Live |
| Popover | Live |
| Dropdown Menu | Live |
| Context Menu | Live |
| Dialog | Live |
| Alert Dialog | Live |
| Sheet | Live (4 sides) |
| Tabs | Live |
| Accordion | Live |
| Collapsible | Live |
| Card | Live |
| Alert | Live (5 variants) |
| Toast | Live (incl. promise toasts) |
| Banner | Live |
Phase 2 · Application UI
| Component | Status |
|---|---|
| Combobox | Live (filtering) |
| Command Menu | Live |
| Calendar | Live (single + range) |
| Date Picker | Live |
| File Uploader | Live (drag & drop) |
| Breadcrumb | Live |
| Pagination | Live |
| Table | Live |
| Data Table | Live (sort/filter/paginate) |
| Empty State | Live |
| Stepper | Live (2 orientations) |
| Sidebar Nav | Live |
| Header Nav | Live |
| Tree View | Live (keyboard nav) |
| Stat Card | Live |
| Notification | Live |
| Toggle, Toggle Group, Scroll Area, Carousel | Session 4 |
| Color Picker, Verification Code Input | Session 4 |
Phase 3 · Rich & data
Charts (line, bar, area, donut), Code Block, Rich Text Editor shell, Chat primitives, QR Code, Credit Card Input, Video Player shell.
Phase 4 · Blocks
Auth pages, Settings pages, Dashboard examples, Empty and 404 pages, Marketing sections (hero, features, pricing, testimonials, FAQ, CTA, footer).