Command Palette

Search for a command to run...

PageContainer

A centered, max-width container for standard page content. Sets the canonical horizontal padding and reading width.

Default

Page content

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