Create a design system that looks like your brand — not a preset.
Design your visual language once — colors, icon library, radius, density — and export it anywhere: your codebase via the shadcn CLI, or straight into v0, Bolt, and Lovable.
-
Design your system at dotui.org/create — not just a palette swap: pick your colors, icon library, radius and density, and preview every change live on real components.
-
Export it wherever you build:
npx shadcn init "https://dotui.org/r/init?preset=<your-preset>"then add components as you need them:
npx shadcn add @dotui/button
Or open your design system directly in v0, Bolt or Lovable and start prompting with your brand already baked in.
-
Own the code. Components land in your project as plain React files — no runtime dependency, 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.