Components

Contextual feedback messages with info, warning, error, success variants

Maintain consistent width-to-height ratio for media and containers

Fused button group: one housing border and N-1 seams, orientation-aware, immune to hidden children

Date picker calendar with range selection, disabled dates, and density variants

Embla-powered carousel with autoplay, dots, thumbnails, and loop modes

Recharts wrapper with tooltip, legend, and theme-aware color system

Group of checkboxes with select all, label, description, and error states

Saturation/brightness area, hue bar, alpha bar, hex/rgb/hsl inputs

Searchable dropdown with free-text input, single and multi-select modes

Spreadsheet-style editable grid with cell editing, arrow navigation, multi-select

Bottom sheet drawer with snap points, nested drawers, and responsive behavior

Click-to-edit text field for inline rename and property editing

Drag-and-drop zone with file list, thumbnails, progress bars

Compound form field with label, input, description, and error message slots

Rich content popover triggered on hover with arrow and open delay

Fused input group with density-tiered addons; the housing owns the border, ring, and error state

One-time password input with individual digit cells and auto-focus

Drag-and-drop kanban board with columns, cards, avatars, labels

Keyboard shortcut display with platform-aware modifier keys

Accessible form label with required indicator and disabled styling

Accessible list selection with single and multi-select, keyboard navigation

Inline @-mention with avatar popover, configurable trigger

Desktop application menubar with keyboard navigation and submenus

Styled native HTML select element for mobile-optimized dropdowns

Numeric input with increment/decrement buttons, min/max, and step control

Page navigation with first/last, prev/next, and page number buttons

Resizable panel layout with drag handles and min/max constraints

Application sidebar with collapsible groups, icons, tooltips, and mobile sheet

Generic sortable list with drag handle, drop indicators

Animated loading spinner with size variants

Styled HTML table with header, body, footer, caption, and row hover

Tag entry with auto-grow, wrapping, max visible tags, remove action

12/24h time picker with hour/minute/second scroll-snap columns

Invisible touch target expander for accessibility on small interactive elements

Collapsible sections with single/multi mode, animated expand

Confirmation dialog for destructive actions

User avatar with image, initials fallback, status indicator

Status badge with pill, dot, and count variants

Path-based navigation with truncation, dropdown overflow

Primary action button with density variants, 6 styles, loading states, and three finishes (flat, tinted, inset) with translate-only press physics

Content card with header, content, footer slots, density-aware

Checkbox with density scaling, group layout support

Cmd+K command palette with search, grouping, keyboard nav

Right-click context menu with same styling as dropdown

Full-featured table with sorting, filtering, pagination, virtual scroll

Calendar popover with date/range selection, density-aware

Modal dialog with 4 size variants (400-full), header/footer slots

Multi-level dropdown with icons, shortcuts, separators, checkboxes

Form layout wrapper with stacked, inline, and inspector layouts

Text input with leading/trailing icons, addons, clear button, scrubable numbers

Mega navigation with multi-column dropdowns

Rich content popover with arrow, max 320px width

Linear progress bar with indeterminate mode

Radio buttons with vertical/horizontal layouts, density-aware

Custom scrollbar with thin track, auto-hide

Dropdown select with grouped options, search, density-aware sizing

Horizontal/vertical divider with optional label

Slide-out panel from any edge, responsive bottom sheet on mobile

Content loading placeholder with pulse animation

Range slider with dual thumbs, value tooltip, step markers

Toggle switch with spring physics animation, density scaling

Horizontal/vertical tabs with density scaling, animated indicator

Multi-line text input with auto-grow, character count, resize handle

Toast notifications with action buttons, progress, stacking

Toggle button whose pressed state sits into the surface as a well

Group of exclusive toggle buttons; selected items sit into the surface as wells

Small text tooltip with arrow, 500ms delay, max 240px