Components

Accordion Alert Alert Dialog Animations App Shell Avatar Badge Breadcrumb Button Calendar Card Carousel Chart Chat Chat Suite Checkbox Checkbox Group Collapse Collapsible Color Picker Combobox Command Palette Countdown Data Table Date Input Date Time Input Dialog Diff Divider Dock Drawer Dropdown Dropzone Empty State Field Fieldset File Input File Upload Filter Footer Hero Hooks Indicator Input Input Group Join Kbd Label Lightbox Link List Loading Mask Menu Menubar Metadata List Meter Mockup Multi Select Navbar Navigation Menu Number Field Outline Overflow List Overlay Pagination Password Input Phone Input Pin Input Popover Power Search Preview Card Progress Prose Radial Progress Radio Radio Group Range Rating Resizable Panels Rich Text Editor Scroll Area Search Input Select (Advanced)Select (Native)Selection List Sidebar Skeleton Slider Sortable List Stack Stat Status Steps Swap Switch Table Tabs Tag Input Textarea Time Input Timeline Timestamp Toast Toggle Toggle Group Toolbar Tooltip Tree View Typography Validator Wizard Wordmark

Docs

Color Picker

Real use · brand color picker

oklch(0.62 0.19 29)#e24a3c

L

0.62

C

0.19

H

29°

HEX

variant="swatch" · compact chip, opens the same panel in a popover

#22c55e