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.

1. Design your system at dotui.org/studio —

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

1. Own the code. Components land in your project as plain React files —

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

• X — to stay up-to-date on new releases and announcements, follow

Contributing

See the contribution guide.

License

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