Installation

Learn how to add dotUI to your project.

Requires React 19, Tailwind CSS 4, and TypeScript 5.

Build in the Studio

Compose your design system in the Studio — colors, typography, icons, density, radius, per-component styles — and preview every change on live components. The export dialog generates your setup command with your theme baked in.

Open the Studio

Add components

Run the init command from the export dialog in your project root, then add any component — each one installs pre-styled to your system:

npm

pnpm

yarn

bun

npx shadcn@latest add @dotui/button

Last updated on 9/1/2026