Installation

Build your system in the Studio

Compose your design system in the Studio — colors, typography, icons, density, radius, component styles — and preview it on live components. The export dialog gives you an init command with your theme baked in.

Run init

Run the command from the export dialog, or initialize with the default theme:

npx shadcn@latest init https://dotui.org/r/init

This sets up the shadcn CLI, installs your design tokens, and registers the @dotui registry in components.json.

Add components

npx shadcn@latest add @dotui/button

Every component installs pre-styled to your system.