Skip to main content
dotUI
Simple
Pro
Customize
Preview
Brand
Surprise me
Seed one colour
We expand it into a full, contrast-checked system — surfaces, text, states and charts.
Extract from image or palette
Or pick a vibe
Minimal
Corporate
Playful
Editorial
Vivid
Aurora
Brutalist
Warm
Foundations
Color
oklch · #438cd6
Typography
Geist / Geist
Shape & radius
Radius 1.00×
Spacing & density
compact density
Components
Component styles
22 components · synced groups
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
ScrollFade
SearchField
Select
Separator
Sidebar
Skeleton
Slider
Switch
Table
Tabs
TagGroup
TextArea
TextField
TimeField
Toast
ToggleButton
ToggleButtonGroup
Tooltip
Tree
100%