Installation

Set up cano in a new or existing project — two ways, both zero-config.

Existing shadcn project

If your project already uses shadcn/ui, you are ready. Add a component and cano resolves everything it needs:

npx cano-ui add command-palette

New project

Run init to configure a project from scratch. It writes components.json (the same schema shadcn uses), creates the cn() utility, adds design tokens to your global CSS, and installs base dependencies.

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

Projects that already use shadcn/ui are detected and left untouched — add just works.

The interactive way

Prefer not to memorize commands? The Cano CLI is a full-screen terminal app that detects your framework, walks you through setup, and installs components from a searchable picker.

npm install -g cano-cli

Configuration

cano 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, for self-hosting or local development.