dotUI

The design system studio for humans and agents.

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.

How it works

1. Design your system at dotui.org/studio — not just a palette swap: every visual decision is yours.

2. 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.

3. Own the code. Components land in your project as plain React files — no dotUI package to depend on; restyle or rewrite anything.

Documentation

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.

Community

• Discord — for community support, questions, and tips, join our Discord.
• X — to stay up-to-date on new releases and announcements, follow @mehdibha.

Contributing

See the contribution guide.

License

Distributed under the MIT License. See LICENSE for more information.