Command Palette

Search for a command to run...

Page Shells

Narrow and list-style page containers with consistent gutters. Use these for full-screen layouts that need a standard reading width.

Shells

Narrow

List

Tokens

Colors Glass Typography

Display

Alert AudioPlayer Avatar Badge Card Chart Chart Bars Chart Diverging Bar Chart Heatmap CodeBlock Empty Icons Item Kbd Label LiveWaveform Logo MindIsland Page Shells PageContainer Progress Separator Skeleton Spinner Table

Interactive

Accordion AlertDialog Breadcrumb Button ButtonGroup Calendar Card swipe carousel Carousel Checkbox Collapsible Combobox Command ContextMenu CopiableUrl Date Picker Detached Sheet Dialog Drawer DropdownMenu Field FilterBar FilterChip HoverCard Input InputGroup InputOTP Menubar NativeSelect NavigationMenu Pagination Popover QRCode RadioCard RadioGroup ScrollArea Select Sidebar Slider Switch Tabs Tag Textarea Toaster Toggle ToggleGroup Tooltip

Animation

AnimatedNumber AnimatedSections AnimateHeight Dots

navigate