cano-ui

The CLI for cano — design-led, shadcn-compatible components, copied as source into your project.

npx cano-ui add data-table-pro

Prefer an interactive experience? cano-cli is a full-screen terminal app — a guided welcome flow, framework detection, a searchable component picker, and live install progress. Install it with npm i -g cano-cli, then run cano.

Commands

init

Sets up a project: writes components.json (the same schema shadcn uses), creates the cn() utility, adds design tokens to your global CSS, and installs base dependencies. Projects that already use shadcn/ui are detected and left untouched — add works immediately.

npx cano-ui init        # interactive
npx cano-ui init -y     # defaults

add

Adds components and everything they need: other cano components, shadcn primitives (fetched from the official shadcn registry), and npm packages (installed with your detected package manager).

npx cano-ui add command-palette
npx cano-ui add app-shell stats-grid --yes
npx cano-ui add data-table-pro --dry-run    # show the plan, write nothing
npx cano-ui add empty-state --overwrite     # replace existing files

list

npx cano-ui list

diff

Compare your local copies against the registry — useful after you've edited a component or when the registry version has moved on.

npx cano-ui diff data-table-pro

Configuration

• Reads components.json aliases and tsconfig path mappings, so src/ layouts and custom directories work.
• --registry <url> or CANO_REGISTRY_URL points the CLI at a different registry (useful for self-hosting or local development).

License

MIT