dotUI Studio — build your design system, then own it as code.
Compose your design system at dotui.org/studio — colors, typography, icons, density, radius and per-component styles — preview every change live on real, accessible components built on React Aria and Tailwind CSS, and export it into your codebase via the shadcn CLI or straight into v0.
dotUI is in beta: expect APIs to change before 1.0.
-
Design your system at dotui.org/studio — not just a palette swap: every visual decision is yours.
-
Export it wherever you build:
npx shadcn@latest init "https://dotui.org/r/s/<your-id>/init.json"then add components as you need them:
npx shadcn@latest add @dotui/button
Or open your design system directly in v0 and start prompting with your brand already baked in — Bolt and Lovable are on the way.
-
Own the code. Components land in your project as plain React files — no dotUI package to depend on; restyle or rewrite anything.
Visit the dotUI documentation for guides, component APIs, and theming reference.
Two companion sites live in their own repos: ds.dotui.org in ds-directory and colors.dotui.org in colors.
- Discord — for community support, questions, and tips, join our Discord.
- X — to stay up-to-date on new releases and announcements, follow @mehdibha.
See the contribution guide.
Distributed under the MIT License. See LICENSE for more information.