Components

48 accessible primitives. Each page includes live examples, copyable code, and both installation paths.

Vertically stacked expandable sections.

Callout for statuses and important messages.

Interrupting confirmation for destructive actions.

Fixed-ratio containers for media.

User image with automatic initials fallback.

Compact status and category labels.

Hierarchical location trail.

Trigger actions with variants, sizes, and asChild.

Date and range selection (react-day-picker).

Surface container composed of header, content, and footer.

Swipeable slides built on Embla.

Recharts wrappers themed by chart tokens.

Accessible checkbox built on Radix.

Show/hide a region of content.

Searchable select — Popover + Command pattern.

⌘K palette and filterable command lists.

Right-click menus for power operations.

Modal window for confirmations and focused tasks.

Touch-first bottom sheet (Vaul).

Menu of actions behind a trigger.

react-hook-form wiring with accessible errors.

Rich preview on hover or focus.

Single-line text field.

Segmented one-time-code entry.

Accessible form control labeling.

Desktop-app-style persistent menus.

Navigation Menu

Top navigation with rich flyouts.

Page navigation for long lists.

Floating panel anchored to a trigger.

Determinate progress and capacity bars.

Single choice among mutually exclusive options.

Draggable split-panel layouts.

Themed, cross-browser scroll containers.

Dropdown selection with keyboard support.

Visual divider, horizontal or vertical.

Slide-in side panel for edit and detail flows.

Loading placeholder that mirrors content shape.

Range input for values and zoom controls.

Toast notifications, themed and theme-synced.

On/off toggle built on Radix.

Data table primitives with semantic markup.

Switch between related panels.

Multi-line text field.

System/light/dark theming — provider, no-flash script, and toggle.

Pressed/unpressed button for view state.

Grouped toggles — single or multiple selection.

Contextual hint on hover or focus.

Type scale, prose, and data-display conventions.