Open Source Libraries 👉Design Tokens

32 Open Source Design Tokens Software Projects

Free and open source design tokens code projects including engines, APIs, generators, and tools.

Theme UI 3049 ⭐
Build consistent, themeable React apps based on constraint-based design principles
Theo 1461 ⭐
Theo is a an abstraction for transforming and formatting Design Tokens
Style Dictionary 1303 ⭐
A build system for creating cross-platform styles.
Diez 827 ⭐
The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams
Design System Utils 444 ⭐
👩‍🎨 Access your design tokens with ease
Community Group 427 ⭐
This is the official DTCG repository for the design tokens specification.
Theme Specification 328 ⭐
A specification for defining theme objects & design tokens for use with UI components
Awesome Design Tokens 254 ⭐
A list of resources on all things to do with Design Tokens
Figmagic 236 ⭐
Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
Storybook Design Token 202 ⭐
The Storybook Design Token Addon allows you to generate design token documentation from your stylesheets.
Polaris Tokens 134 ⭐
Design tokens for Polaris, Shopify’s design system
Vue Cion Design System 106 ⭐
CION - Design system boilerplate for Vue.js
Puzzle Tokens 82 ⭐
Batch create, manage and update Sketch styles and symbols using SCSS/LESS
Udt 80 ⭐
UDT spec, reference library and related packages
Style Dictionary Demo 67 ⭐
A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
Design Tokens 62 ⭐
A place where OpenTable engineers and designers openly work together
Knapsack 60 ⭐
Build Your Design System on Knapsack
Theme UI Native 44 ⭐
Build consistent, themeable React Native apps based on constraint-based design principles
Fugen 34 ⭐
Command line tool for exporting resources and generating code from your Figma files.
Design Tokens Generator 30 ⭐
Create your Semantic Style Variables (Universal language for developers and designers).
Chromatic 28 ⭐
A build system for managing cross-platform design systems using design tokens.
Figmagic Example 27 ⭐
Using Figmagic (simplifying design token generation and asset extraction) with Webpack 4, React 16, Styled Components.
Limitlessloop Mole 26 ⭐
A tool for managing design decision outputs for different platforms
Storybook Documentation Primitives 26 ⭐
📚️ Custom DocBlocks for Storybook
Tokens2palettes Example 18 ⭐
Example showing how to transform design tokens into color palettes usable by designers
Yarastqt Themekit 20 ⭐
Build system of design-tokens for any platforms
Design Tokens Graphql 12 ⭐
Manage Design Tokens with GraphQL ⚠️[WIP]
Google Spreadsheets Theo 12 ⭐
Import Google Spreadsheets to a format digestable by Theo
Dash UI Styles 11 ⭐
≡𝘿𝙖𝙨𝙝 A tiny, powerful, framework-agnostic CSS-in-JS library
Cero A Produccion 28 ⭐
Una aplicación de cero a producción en JavaScript
Stitchwind 21 ⭐
A bridge between Tailwind and Stitches
Null 131 ⭐
A curated list of bookmarks, resources and articles about design systems focused on developers.