Components

Interactive buttons with loading states and variants

Status indicators and labels

User profile images with fallback support

SVG icons with customizable styling

Visual separators with horizontal and vertical variants

A button that stays pressed, on its own or in a group

Holds a box at a fixed ratio while an image loads

A panel anchored to what opened it, for content rather than commands

A menu of commands under a button, with checkboxes, radios and submenus

The same menu, opened by right-click or long-press

A preview on hover, for links worth glancing at before following

A scroll container with scrollbars that look the same on every platform

A searchable list of commands, on cmdk. A combobox, not a menu

Text input fields with validation and form integration

Multi-line text input with validation and resize

Dropdown selects with search and multi-select

Form checkboxes with accessibility and validation

Radio button groups with keyboard navigation

Toggle switches with accessibility and variants

Form labels with accessibility features

Helper text for form fields

Error messages for validation

Ties react-hook-form to Label, HelperText and ErrorMessage

A one-time code, one character per box, over a single real input

A value picked by dragging, one thumb or two for a range

Tab navigation with keyboard accessibility

Navigation breadcrumbs with accessibility

Page navigation with keyboard accessibility

An application menu bar, the File and Edit row

Site navigation with panels. A nav full of links, not a menu

A collapsible navigation column, a Sheet on a phone

Notification alerts with variants and dismiss functionality

Notification system with auto-dismiss and positioning

Contextual information with positioning and triggers

Progress indicators with variants and accessibility

Loading states with animations and specialized components

Container components for content

Data tables with sortable columns, pagination and responsive design

Advanced tables with search, filtering, sorting, and pagination

Collapsible sections with keyboard navigation

One section that opens and closes, height animated

A strip of slides that snaps, with keyboard and drag support

Date picker with single, range, and multiple selection modes

Data visualization with line, bar, area, and pie charts

Modal dialogs with accessibility and focus management

Error boundary component for React error handling

A dialog that slides in from an edge

A dialog that demands an answer, focus starting on Cancel

Panels the user can drag apart, with a keyboard-operable divider

A Sheet you can drag shut, with snap points and a grabber

Hero sections with customizable layouts and call-to-action buttons

Feature showcase grids with icons and hover effects

Customer testimonials with ratings, avatars and responsive grids

Pricing tables with yearly/monthly toggle and popular plan highlighting

Image galleries with lightbox functionality and responsive grids

Client logos with hover effects and responsive layouts