create-cassa-ui

Scaffold a production-ready React monorepo in seconds. Design tokens, components, forms, auth, and data visualisation — pick only what you need with a preset.

Documentation — usage, installation, and all packages

Live Demo — see it in action

npx create-cassa-ui@latest

Usage

# Interactive — prompts for name, scope, and preset
npx create-cassa-ui@latest

# Non-interactive — skip all prompts
npx create-cassa-ui@latest my-app --scope @acme --preset standard

Presets

| Preset | Packages included | App | | ---------- | ----------------------------------------------- | -------------------------------------------------------------- | | minimal | tokens, ui | Bare welcome page | | standard | + ui-layout, hooks, utils, types, notifications | Dashboard shell — metric cards, sidebar | | full | + ui-forms, ui-data, auth-ui, api-client | Complete dashboard — auth flows, charts, users table, settings |

What gets scaffolded

Running with --preset standard creates:

my-app/
  apps/
    web/              ← Next.js 16 dashboard starter (port 3000)
  packages/
    tokens/           ← Design tokens — CSS vars, JS, Tailwind preset
    ui/               ← Button, Badge, Card, Heading, Text, Separator
    ui-layout/        ← Stack, Grid, Container, Sidebar
    notifications/    ← Toast system — useToast hook, 4 variants
    hooks/            ← useDebounce, useLocalStorage, useMediaQuery and more
    utils/            ← cn(), formatCurrency(), formatDate() and helpers
    types/            ← Shared TypeScript types — zero runtime code

All @cassa/ package names are replaced with your scope automatically.

CLI options

| Flag | Description | | ---------------------------------- | ------------------------------------ | | --scope <scope> | npm org scope, e.g. @acme | | --preset minimal\|standard\|full | Project preset (default: standard) | | --skip-install | Skip npm install | | --skip-git | Skip git init | | -v, --version | Print version | | -h, --help | Print help |

Tech stack

React 19 · TypeScript · Next.js 16 · Tailwind CSS · Turborepo · TanStack Query · React Hook Form · Zod

Requirements

• Node.js 18+
• npm 9+

License

MIT