Skip to main content
dotUI
Docs
Components
Charts
Create
Search docs...
⌘ K
Customize
Preview
Brand
one seed → system
#438CD6
Open the color lab →
Start from a vibe
Minimal
Neutral, quiet, sharp
Editorial
Warm paper, ink accents
Vivid
Saturated, confident, bold
Playful
Soft, rounded, friendly
Technical
Cool, dense, precise
Nature
Earthy greens, calm
Quick
Pro
Foundations
Color
One seed to a full, accessible system
Typography
Pairing, scale, weight and rhythm
Ag
Shape & radius
From razor-sharp to fully rounded
Spacing & density
How tight or roomy the system breathes
Components
Browse all
Accordion
1
Alert
2
Avatar
1
Badge
1
Card
1
Checkbox
1
Color Area
1
Color Swatch
1
Color Swatch Picker
1
Command
1
Input
1
List Box
1
Loader
1
Menu
1
Modal
5
Progress Bar
3
Radio Group
1
Skeleton
1
Slider
9
Switch
2
Tag Group
1
Tooltip
2
Code style
npx shadcn init https://dotui.org/r/init
Open in
Cards
Cards
Accordion
Alert
Area Chart
Avatar
Badge
Bar Chart
Breadcrumbs
Button
Calendar
Card
Checkbox
CheckboxGroup
ColorArea
ColorField
ColorPicker
ColorSlider
ColorSwatchPicker
Combobox
Command
DateField
DatePicker
Drawer
Empty
Field
FileTrigger
Group
Input
InputGroup
Kbd
Line Chart
Link
ListBox
Loader
Menu
Modal
NumberField
OTPField
Pagination
Pie Chart
Popover
ProgressBar
Radar Chart
Radial Chart
RadioGroup
SearchField
Select
Separator
Sidebar
Skeleton
Slider
Switch
Table
Tabs
TagGroup
TextArea
TextField
TimeField
Toast
ToggleButton
ToggleButtonGroup
Tooltip
Tree
100%