Plinth

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

ComponentStatus
ButtonLive (includes icon-button sizes)
Button GroupLive
BadgeLive
TagLive
AvatarLive (with AvatarGroup)
KbdLive
SeparatorLive
LabelLive
FieldLive
InputLive
TextareaLive
CheckboxLive
Radio GroupLive
SwitchLive
SliderLive
ProgressLive (bar + circle)
SkeletonLive
SpinnerLive
SelectSession 2
TooltipSession 2
PopoverSession 2
Dropdown MenuSession 2
DialogSession 2
SheetSession 2
AlertSession 2
Alert DialogSession 2
TabsSession 2
AccordionSession 2
CardSession 2
ToastSession 2

Phase 2 · Application UI

Combobox, Command Menu, Calendar, Date Picker, Input OTP, File Uploader, Color Picker, Rating, Breadcrumb, Pagination, Table, Data Table, Empty State, Spinner, Stepper, Sidebar Navigation, Header Navigation, Navigation Menu, Menubar, Context Menu, Hover Card, Collapsible, Scroll Area, Resizable Panels, Toggle, Toggle Group, Stat Card, Notification, Filter Bar, Tree View, Carousel.

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).

On this page