One architecture. Infinite design systems.

React primitives emit accessible structure, shared CSS maps that structure to tokens, and themes override tokens. Swap a JSON token set and every component re-skins itself.

Install

npm install @toucan-ui/react @toucan-ui/tokens @toucan-ui/styles

Get Started

Tokens — Three-tier cascade: raw values, semantic aliases, system bindings.

Components — Accessible React primitives with shared token-driven CSS.

Patterns — Composed layouts that re-skin automatically under any theme.