Great interfaces.
Start with the right pieces.

Container with header, content, and footer slots. Used for stats, forms, and data panels.

Layout

Horizontal or vertical divider line between sections.

Layout

Slide-out panel from any edge. Used for mobile menus and detail views.

Layout

Single or multiple expandable sections with keyboard navigation.

Layout

A controlled or uncontrolled disclosure for related content.

Layout

A stable proportional container for media and previews.

Layout

Keyboard-focusable scrolling with vertical and horizontal tracks.

Layout

Two-pane resizing with pointer, keyboard, and RTL support.

Layout

A presentation browser frame with address text and editable child content.

Layout

A bounded document pane with a sticky desktop sidebar and stacked mobile layout.

Layout

Text input field with consistent border and focus ring styling.

Form

Dropdown select menu built on Radix UI Select primitive.

Form

Multi-line text input with native resizing support.

Form

Boolean toggle with checkmark indicator. Supports indeterminate state.

Form

Toggle switch for on/off boolean states.

Form

Accessible label element that pairs with form inputs.

Form

Group of radio buttons for single-select from multiple options.

Form

React Hook Form integration with Zod validation and accessible error messages.

Form

Searchable autocomplete input combining a text field with a filtered dropdown list.

Form

Calendar-based date selection input with popover display.

Form

Select multiple values from a dropdown with tag-style display of selections.

Form

International phone number input with country code selector and formatting.

Form

One-time password input with individual digit fields and auto-advance.

Form

Visual color selection input with hue/saturation controls and hex value entry.

Form

Drag-and-drop file upload area built with react-dropzone. Supports file type and size validation.

Form

Range input for selecting a numeric value within a min/max range. Supports single and dual thumbs.

Form

A pressed button for independent on/off choices.

Form

Single or multiple pressed selections in a compact segmented group.

Form

Input composition with prefix, suffix, icon, and metadata slots.

Form

A render-prop field wrapper connecting labels, hints, and errors.

Form

A themed native select with option groups and browser behavior.

Form

Labeled numeric entry with bounded increment and decrement controls.

Form

A labeled native time input with minute or second precision.

Form

Whole-star ratings with controlled, disabled, and read-only modes.

Form

Multi-level category selection with a breadcrumb path and column popup.

Form

Labeled password entry with an accessible visibility toggle.

Form

A labeled textarea that grows with content and scrolls at a defined row limit.

Form

Controlled repeatable form rows with stable identities and add/remove limits.

Form

Validated raster image selection with local previews, replacement, and removal.

Form

Schema-based rich text with formatting, lists, links, undo, and JSON output.

Form

Controlled multiline text with local @mention suggestions and keyboard selection.

Form

Responsive pointer signature capture with typed alternative, undo, clear, and PNG export.

Form

Image and icon choices using native single- or multiple-selection form controls.

Form

A named palette of color choices with native radio semantics.

Form

Free-form tag creation with case-insensitive deduplication, paste, and explicit limits.

Form

A persistent floating label for text-like native inputs with linked guidance.

Form

Digit-only formatted entry with raw values and caret-aware separator editing.

Form

Remote-style search with cancellation, grouped results, and clear loading, empty, and error states.

Form

Searchable Unicode reactions with categories, skin tones, and an optional popover trigger.

Form

Actual file selection with validation, progress, cancellation, retry, and an explicit upload adapter.

Form

Small status label with color variants: default, secondary, destructive, success, warning, outline.

Data Display

HTML table primitives (Table, TableHeader, TableBody, TableRow, TableCell) with consistent styling.

Data Display

User avatar with image and fallback initials support.

Data Display

Horizontal progress bar with animated fill.

Data Display

Loading placeholder with pulse animation for content that is still loading.

Data Display

Calendar for single, multiple, or range date selection.

Data Display

Semantic keyboard-key hints for shortcuts and instructions.

Data Display

Semantic text elements with consistent visual roles.

Data Display

Chronological events with status, timestamps, and compact/card layouts.

Data Display

Semantic term/value details in one or two responsive columns.

Data Display

Manually navigated slides with bounded or looping controls and RTL keyboard support.

Data Display

Dependency-free SVG line and bar summaries, including negative and constant data.

Data Display

Compact service history with labeled samples and a full text legend.

Data Display

Semantic lists for resource links, single-choice actions, and static information.

Data Display

Logical-corner card labels for featured plans and early-access content.

Data Display

Offline world overview with geographic markers, selection, zoom, and pan.

Data Display

A responsive gallery with modal image navigation, zoom, captions, and focus return.

Data Display

Static or interactive series legends with values and caller-controlled filtering.

Data Display

Compact stepped levels with a readable value and accessible meter.

Data Display

Signed comparisons with direction, configurable success meaning, and missing-data feedback.

Data Display

Animated numeric transitions with an immediate accessible target value.

Data Display

Image switching on hover, focus, or tap with accessible thumbnail controls.

Data Display

Native video/audio playback with captions, posters, and source-error feedback.

Data Display

Accessible status announcements with a hook for repeated messages.

Feedback

Modal dialog with overlay, title, description, and action buttons.

Feedback

Popup hint that appears on hover or focus. Positioned automatically.

Feedback

Toast notification system. Trigger with toast() from the sonner package.

Feedback

Floating content panel triggered by a button click. Used for filters and mini-forms.

Feedback

Persistent contextual feedback with five semantic appearances.

Feedback

An interrupting confirmation with safe focus and explicit actions.

Feedback

Supplementary entity details displayed on hover or focus.

Feedback

An accessible loading indicator with reduced-motion support.

Feedback

A transparent password requirements checklist and compact completion meter.

Feedback

A compact status dot paired with a visible text label.

Feedback

A bounded decorative celebration using the native Web Animations API.

Feedback

Manual contextual notice dismissal with controlled state and optional focus return.

Feedback

An optional modal workspace guide with highlighted targets, step controls, and explicit focus return.

Feedback

Trail of links showing the current page hierarchy.

Navigation

Context menu with items, separators, and keyboard navigation.

Navigation

Command palette (Cmd+K) with searchable list of actions and pages.

Navigation

Primary action trigger with variants: default, destructive, outline, secondary, ghost, link. Multiple sizes available.

Navigation

Tabbed interface for switching between content panels. Supports controlled and uncontrolled modes.

Navigation

Bounded pagination with compact page windows and result announcements.

Navigation

Contextual actions with checkable items and nested menus.

Navigation

Link navigation with keyboard-accessible disclosure panels.

Navigation

An application command bar with menus and checkable settings.

Navigation

A labeled cluster of related actions in either orientation.

Navigation

Hierarchical selection with expansion, disabled nodes, and keyboard navigation.

Navigation

Section navigation that follows a bounded, independently scrollable guide.

Navigation

A single-line navigation that moves items which do not fit into More.

Navigation

A threshold-aware return control for the document or a bounded scroll region.

Navigation

Defer mounting chart content until it approaches the viewport.

Shared Components

Full-featured data table built on TanStack Table with column filtering, sorting, pagination, CSV export, and mobile responsive card view.

Shared Components

Reusable page header with title, description, breadcrumbs, and action slot.

Shared Components

Pre-configured confirmation dialog for destructive actions with customizable title, message, and button labels.

Shared Components

Placeholder display for empty data states with icon, title, description, and optional action button.

Shared Components

Date range selector with native date inputs and preset ranges.

Shared Components

Reusable progress navigation for multi-step workflows.

Shared Components

Typed text, number, and select conditions with AND/OR matching.

Shared Components

Reusable copy action with success, failure, and pending states.

Shared Components

Reusable month, week, and agenda scheduling with local civil-date events.

Shared Components

Controlled vertical ordering with pointer, touch, keyboard, and move-button controls.

Shared Components

Presentational conversations with a controlled history and an asynchronous composer.

Shared Components

Responsive plan comparisons with explicit monthly and annual billed totals.

Shared Components

A controlled task board with drag handles, native move controls, empty columns, and custom card content.

Shared Components