Command Palette

Search for a command to run...

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

Calendar

A date picker built on react-day-picker. Supports single, multiple, and range selection modes.

Single

June 2026

Su	Mo	Tu	We	Th	Fr	Sa

Range

June 2026

Su	Mo	Tu	We	Th	Fr	Sa