Installation

Start a new project with Create UI, or add it to one you already have.

Two ways in: scaffold a new project, or add Create UI to an existing one. Either way the code lands in your repo.

New project

pnpm dlx @create-ui/cli create my-app

Pick a template (Next.js, Vite, or TanStack Start), a theme, and a font. The CLI scaffolds a ready-to-run app with Create UI already wired in.

pnpm dlx @create-ui/cli init

Installs dependencies, adds the cn helper, and writes the design tokens into your global stylesheet.

pnpm dlx @create-ui/cli add button

Add more by listing them (add button input badge), or grab everything with add --all.

app/page.tsx

import { Button } from "@/components/ui/button"
 
export default function Home() {
  return <Button>Click me</Button>
}