Overview

Build your own design system. Compose it in the studio, preview it live, and export code you own.

dotUI is a design-system builder, not a component library. There is no default look to install. You compose your system in the studio — colors, typography, icons, density, radius, the style of each component — and leave with code that is yours.

Component libraries ship with a look, and every app built on them shares it. Copy-paste libraries let you own the files, but the design inside is still someone else's. dotUI exists so that anyone can build a real design system without a design team, and without spending months on it.

Use the studio

Everything happens in the studio. Build your system there, preview every change on real components, then hit Export: it hands you the exact commands for your project, with your design system baked in, or opens it directly in v0. Nothing to configure by hand.

Open the studio

Requirements

Your project needs React 19, Tailwind CSS 4 and TypeScript 5.

Get involved

Found a bug? Have an idea? Open an issue on GitHub or DM @mehdibha on X. Contributions are welcome.

Last updated on 9/11/2026