Toucan CLI for React

Build the system. Own the source.

Compile token-driven CSS and eject accessible React components directly into your application. One development dependency; no Toucan runtime package.

Terminal
pnpm add -D @toucan-ui/cli
pnpm exec toucan init
Start with the CLI

1. Initialise

Create the small config that defines your local Toucan root.

2. Build

Compile the default or custom DTCG tokens into one local CSS file.

3. Eject

Copy only the component groups your app needs, then edit freely.

Learn the CLI

Every supported command, option, output, and recovery path in one place.

CLI reference →

Choose a component

Browse the 37 ejection groups and their generated TypeScript contracts.

Component reference →