Introduction

A token-driven component library built with shadcn/ui and Tailwind CSS v4, with its source of truth in Figma.

This documentation showcases the project's UI primitives. Every component is built from shadcn/ui and styled exclusively with semantic design tokens — the same tokens exported from the Figma file — so light and dark themes stay in lockstep with design.

Use the sidebar to browse. The Design Tokens section documents the live color values — semantic theme tokens and the full primitive palette — while Components shows each primitive in its default state plus the variants and states you can compose.