Build your design system,
not someone else’s.

Set the colors, the type, the whole personality. Every component follows. Export it as code you own, or straight to v0.

Start buildingView components
⌘K
BadgeNeutralSubtle
AKJR+3
64
All components
Two-factor authentication
Enter the 6-digit code we sent to your phone.

Code expires in 5 minutes

Filters
$200 - $800
Trip price, includes all fees
Amenities
Wifi
Kitchen
Pool
Washer
Heating
Gym
M

mehdibha

hello@mehdibha.com

Profile
Settings
Documentation
Community
Theme
Language
Log out
Invite Members
Collaborate with members on this project.
Role

Team members

s

shadcn

owner

r

rauchg

member

L

Lee Robinson

member

Learn more about inviting members.

​/goal​ Ship dark mode — generate the neutral scale in ​@theme.css​ and swap the hardcoded colors in ​@button.tsx​
Assign to...A
Change status...S
Set priority...P
Add label...L
Create new issueC
Go to project
Open settings
Card information
Country or region
Billing address

After submission, you will be redirected to securely complete next steps.

Storage
8.2 GB of 15 GB used
Usage55%
  • Documents3.1 GB
  • Photos2.8 GB
  • Videos2.3 GB
Login to your account
Enter your email below to login to your account
Or

Don't have an account? register

Monthly revenue

$317k

Last 12M revenue

+15.0%

February 2026

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
200PM
1200PM
Profile photo
Drag a file here or browse to upload.
Drag a file here to upload

PNG or JPG, up to 2MB

Choose a plan
Pick the plan that fits your team.
Appearance
Customize how the app looks.
Accent color
Edit the accent color of the app.

Built on modern tools

Composition

Compose components.
Create your own patterns.

One compositional API across the library — the same parts combine into anything, from a simple field to a complex pattern.

TextField
 1  <Input placeholder="hello@example.com" />

Export

Design once.
Export everywhere.

You design your system once; your product gets built everywhere. Export it into the tools you prototype, design and ship with, and it all stays one coherent system.

shadcn CLI

Installs into your codebase as ordinary files.

Available

v0

Opens fully themed, ready to prompt.

Available

Claude

Hand your system straight to Claude as project context.

Coming soon

Lovable

Import as a starting point for full-stack builds.

Coming soon

Bolt

Scaffold new projects already on-brand.

Coming soon

Your design system,one command away.

$ pnpm dlx shadcn@latest init https://dotui.org/r/init?preset=…
or build your own in the editor