Components
50 components across 7 categories.
Forms16
Primary action trigger. 5 variants, 3 sizes, asChild.
Single-line text input with label and error state.
Multi-line text input, resizable.
Accessible form label. Pairs with any input.
Binary toggle for multi-select patterns.
Single-select option group.
Dropdown selection with keyboard nav and type-ahead.
Binary toggle for settings.
Range input for numeric values and filters.
Pressable on/off button.
Exclusive or multi-select button group.
Searchable select. Customer lookup, item search.
Date selection with calendar popover.
Month calendar grid. (react-day-picker)
One-time password input with segmented fields.
Form wrapper with react-hook-form + zod validation.
Layout8
Container with Header, Title, Description, Content, Footer.
Horizontal or vertical divider.
Tabbed navigation with content panels.
Vertically stacked expandable sections.
Expandable section primitive.
Custom scrollbar container.
Split-pane resizable panels.
App shell sidebar with collapsible groups.
Overlays12
Modal overlay for confirmations, forms, detail views.
Blocking confirmation. Requires explicit action.
Slide-over panel (drawer). Detail views, side editing.
Floating panel for inline editing and filters.
Hover context for dense UIs.
Rich preview on hover.
Action menu with keyboard nav and shortcuts.
Right-click context menu.
App-level menu bar.
Site-level navigation with dropdown panels.
Command palette (cmdk). Power-user navigation.
Ephemeral notification. Uses Sonner.
Data Display8
Inline status indicator. 6 semantic variants.
Composable data table primitives.
Metric display: value, label, delta.
User/team identity with fallback initials.
Loading placeholder.
Zero-state for tables, lists, dashboards.
Full-featured table: sorting, filtering, pagination, selection.
Geist-themed Recharts. Bar, line, area, pie.