Skip to content
swatchbook logoswatchbook logoswatchbook

Design tokens, documented in Storybook.

Parse your DTCG sources, preview every token in doc blocks, and watch them re-render as you switch themes from the toolbar.
Get startedLive Storybook

What it looks like

Section titled “What it looks like”
Doc blocks render resolved values, CSS var names, and alias chains.
Browse the whole token set, grouped by DTCG type.
Open the toolbar switcher to flip the active theme; every block re-renders.

Where to go next

Section titled “Where to go next”
GuidesInstall, author doc pages, wire integrations.
ReferencePackages, blocks, config, diagnostics.
ConceptsThe mental model: axes and tuples, the token graph, the pipeline.
DevelopersArchitecture and contributor notes.
Starter projectA working Storybook setup you can clone or use as a template to start your own.