Skip to content

README.md

Latest commit

 

History

History
62 lines (42 loc) · 2.02 KB

README.md

File metadata and controls

62 lines (42 loc) · 2.02 KB
Raw

dotUI

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 are on the way).

Preview — dotUI is in active development. The builder panel is being rebuilt chapter by chapter (#666); chapters marked WIP aren't wired yet, and APIs may change before 1.0.

How it works

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

  2. 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 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 runtime dependency, 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.