The Registry gives you instant access to production-ready components. Add it once, then pull in flexible, composable blocks by name—no locked templates, just scalable pieces you can tailor to your project.

Add registry

Add the ToUI registry namespace to your components.json:

{
  "registries": {
    "@toui": "https://toui.dev/r/{name}.json"
  }
}

For more info, Learn more about registry config from Shadcn UI docs here.

Usage

Install blocks via the shadcn CLI using the @toui/{name} syntax.

pnpm dlx shadcn@latest add @toui/statistic-card-1

Install components via the shadcn CLI using the @toui/{name} syntax.

pnpm dlx shadcn@latest add @toui/alert

Each block and component has CLI commands to copy and paste into your project.