Components

Component library

51 primitives across 7 categories. All components are tree-shakable, fully typed, and ship with sensible defaults. Looking for data visualization? See Charts.

Buttons

Buttons, toggles, badges, and inline indicators.

Button · ButtonGroup · Badge · Toggle · ToggleGroup · Kbd · Spinner

Explore

Cards

Surfaces, list rows, empty states, and resizable layouts.

Card · Separator · ScrollArea · AspectRatio · Item · Empty · Resizable

Explore

Forms

Inputs, controls, sliders, and react-hook-form integration.

Input · Textarea · Label · Checkbox · RadioGroup · Switch · Select · NativeSelect · Slider · Field · Calendar · Form

Explore

Overlays

Modals, drawers, popovers, menus, and tooltips on Radix primitives.

Dialog · AlertDialog · Sheet · Drawer · DropdownMenu · ContextMenu · Menubar · Popover · HoverCard · Tooltip · Command

Explore

Feedback

Alerts, progress indicators, skeletons, and toast notifications.

Alert · Skeleton · Progress · Toaster

Explore

Navigation

Tabs, breadcrumbs, pagination, accordions, sidebar, and menus.

Tabs · Breadcrumb · Pagination · Accordion · NavigationMenu · Collapsible · Sidebar

Explore

Data

Tables, avatars, and carousels for surfacing records and identity.

Table · Avatar · Carousel

Explore