Installation#

Requirements#

• React 18+
• Tailwind CSS 4+
• TypeScript

Setup#

Vite#

Configure the @ path alias:

// tsconfig.app.json → compilerOptions
"baseUrl": ".",
"paths": {
  "@/*": ["./src/*"]
}

Next.js#

Path aliases are pre-configured.

Initialize#

npx @beaket/ui init

Or with a theme:

npx @beaket/ui init --theme tobacco

Add Components#

npx @beaket/ui add button

Components are copied to @/components/ui/:

import { Button } from "@/components/ui/button";

See CLI for all options.