Toucan
DocsComponentsPatterns
Dashboard

Admin dashboard with sidebar, stats, and data tables

E-commerce

Product listing with filters, cards, and pagination

Blog

Article listing with featured post and categories

Navigation
Docs
Components
Patterns
Dashboard
E-commerce
Blog
Mode
○ Light
○ Dark
Guides
  • Getting Started
  • Architecture
  • Tokens
  • Themes
  1. Home
  2. /
  3. Docs

Documentation

Architecture guides, token reference, and theme documentation.

Getting Started

Install the packages, import tokens, and render your first themed component in under a minute.

Architecture

Three threads, zero entanglement. How tokens, components, and interaction stay independent.

Tokens

The three-tier cascade: raw values, semantic aliases, and system tokens. Browse every token.

Themes

How theme overrides work, what a theme package contains, and how to create your own.

Toucan

Product

  • Components
  • Patterns
  • Tokens

Resources

  • Getting Started
  • Architecture
  • Themes

Project

  • Roadmap
  • GitHub
Toucan. Built as a demonstration of token-driven design system architecture.