Components
All 42 components, grouped by purpose. Each card previews the live component — select one to open its full page (props, usage, demo).
Forms & controls
Button The primary action control.
Input Labelled text input with validation affordances.
Textarea Multiline twin of Input with an autosize option.
SegmentedControl Compact row of mutually-exclusive options.
Select Styled native dropdown.
DateField Styled native date input.
NumberField Numeric input with steppers.
FileDrop Drag-and-drop file upload with click-to-browse.
Switch Accessible on/off toggle.
Navigation
Sidebar App-shell navigation sidebar.
Topbar App-shell top bar with tabs.
BottomNav Fixed, thumb-reachable bottom tab bar.
Menu Dropdown menu — trigger + floating list of actions.
Link Navigation, with an animated underline.
Pagination Windowed page navigator.
SearchPalette Cmd/Ctrl+K search & command palette.
Layout
Data display
Badge Compact status/label pill (square, of course).
Kbd Display-only key-cap chip for shortcut hints.
MetricTile Single KPI value with delta.
ServiceCard Service status row with latency + sparkline.
Sparkline Tiny inline trend chart.
LogStream Live, levelled log viewer.
Table Generic data table with sortable, numeric-aware columns.
Chart Multi-series line, area, and bar chart.
ScatterPlot Two-axis scatter with optional quadrants and bubble sizing.
BoxPlot Box-and-whisker distributions with an optional point overlay.
BumpChart Ranking-over-stages chart that shows who led and who overtook whom.
Heatmap Token-driven matrix where cell colour intensity encodes value.
TierList Ranked tier rows with drag-and-drop and keyboard sorting.
Feedback
Toaster Toast notification host.
EmptyState Empty / error / no-results placeholder.
Spinner Text-frame loading indicator with squared cli-spinners glyphs.
Modal Accessible overlay dialog built on native <dialog>.
ShortcutsHelp Registry-backed "?" keyboard-shortcuts overlay.
Tooltip Hover/focus hint for a trigger.