GitHubDesign Systems & Foundations · Token infrastructure
Bootstrap 6 design system as DTCG tokens with a browser theme builder that exports Sass, CSS, TypeScript, Style Dictionary and Figma.
Why it’s a gem
Portable Bootstrap 6 tokens plus a live builder that verifies byte-identical Sass against upstream.
W3C community group repository holding the design tokens specification, its issue history and the format's ongoing design debates.
Node tool that drives a real browser to extract a site's logo, colours, typography, borders and motion into tokens.
Token management platform with Figma, Penpot, VS Code and GitHub integrations plus theme and mode composition.
CLI that compiles DTCG token JSON into CSS, Sass, TypeScript, Swift and Tailwind outputs, successor to Cobalt UI.
Desktop app that extracts colour, type and spacing tokens from any live website and exports to CSS, Figma or XD.
Language server, CLI and editor extensions giving autocomplete, hover docs and validation for design tokens inside your editor.