Components

Full app layout with sidebar, header, footer, and mobile overlay

Collapsible navigation sidebar with title, footer slot, and toggle button

App header with title, mobile hamburger, sticky mode, and action slots

Max-width responsive page wrapper with size variants

Flexible card with header/body/footer, hover effect, and link variant

Horizontal/vertical divider with optional label

Expandable/collapsible sections with single or multi-open mode

Resizable split layout with horizontal/vertical, collapsible pane, and min constraints

Sortable, paginated table with search, selection, sticky header, loading state, and empty state

Metric card with sizes, trend labels, loading skeleton, and clickable link variant

Empty state with icon, dual CTAs, and compact variant

Status badges with variants, dot indicators, icons, and removable option

Avatar with 5 sizes, square/circle shape, status dots, and group/stack mode

Vertical event timeline with icons, variants, clickable items, and compact mode

Key-value list with copyable values, badges, links, and compact mode

Dashboard metrics layout with change indicators and comparison periods

SVG chart with bar, line, area, and pie variants. Hover tooltips, grid lines, legends, animated transitions. Zero dependencies.

Form field wrapper with label, error/help, prefix/suffix, character count, and disabled state

Searchable select with option groups, disabled options, clearable, and full keyboard navigation

Calendar date picker with min/max constraints

On/off toggle switch with sizes, colors, description text, and disabled state

Drag-and-drop file upload with validation

Tag input with max limit, paste support, duplicate detection, and validation

Increment/decrement number input with min/max/step and keyboard support

Single-handle range slider with label and value display

Color swatch grid with hex input and native color picker

Dual-list selector for moving items between available and selected lists. Includes search, multi-select, keyboard navigation, and batch transfer.

Individual digit input boxes for verification codes (2FA, OTP). Auto-advances, supports paste, mobile-friendly with numeric keyboard.

Click-to-edit text component. Displays text that converts to an input on interaction. Supports single-line and textarea modes, validation, and async save.

Accessible modal with 5 sizes, scrollable body, backdrop/escape control, and full-screen mode

Side panel drawer from left or right with sizes, header, scrollable body, and footer

Toast notifications with icons, action buttons, position control, and max limit

Destructive action confirmation with variants and loading state

Hover/focus tooltip with positioning, delay, arrows, and rich content

Determinate/indeterminate progress bar with label, striped, and value display

Floating content panel anchored to a trigger element

Dismissible alert banner with info/success/warning/error variants

Loading placeholder shimmer with text, circular, and rectangular variants

One-click copy to clipboard with confirmation

Tabs with underline/pills variants, icons, disabled tabs, full-width, and keyboard nav

Action dropdown menu with icons, dividers, and keyboard navigation

Multi-step wizard with progress indicators in horizontal or vertical layout

Cmd+K command menu with descriptions, keyboard shortcuts, grouped items, and footer hint

Breadcrumb trail with icons, custom separator, and auto-collapse for long paths

Timeline-style feed for user actions and system events

Step-by-step onboarding checklist with progress ring

Pricing tiers with monthly/annual toggle, currency prop, and highlighted tier badge

Versioned changelog with expandable entries, type filtering, and linkable versions

Code block with filename header, line highlighting, max-height scroll, and copy button