Open Source Libs
Find Open Source Packages
Open Source Libraries
👉
Design Tokens
52 Open Source Design Tokens Software Projects
Free and open source design tokens code projects including engines, APIs, generators, and tools.
Theme UI
4250 ⭐
Build consistent, themeable React apps based on constraint-based design principles
Theo
1715 ⭐
Theo is a an abstraction for transforming and formatting Design Tokens
Style Dictionary
2163 ⭐
A build system for creating cross-platform styles.
Diez
1063 ⭐
The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams
Design System Utils
507 ⭐
👩🎨 Access your design tokens with ease
Community Group
707 ⭐
This is the official DTCG repository for the design tokens specification.
Theme Specification
414 ⭐
A specification for defining theme objects & design tokens for use with UI components
Awesome Design Tokens
522 ⭐
A list of resources on all things to do with Design Tokens
Figmagic
493 ⭐
Figmagic is the missing piece between DevOps and design: Generate design tokens, export graphics, and extract design token-driven React components from your Figma documents.
Storybook Design Token
400 ⭐
Display design token documentation generated from your stylesheets and icon files. Preview design token changes in the browser. Add your design tokens to your Storybook Docs pages using the custom Doc Blocks.
Polaris Tokens
216 ⭐
Design tokens for Polaris, Shopify’s design system
Vue Cion Design System
131 ⭐
CION - Design system boilerplate for Vue.js
Puzzle Tokens
93 ⭐
Batch create, manage and update Sketch styles and symbols using SCSS/LESS
Udt
105 ⭐
UDT spec, reference library and related packages
Style Dictionary Demo
107 ⭐
A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
Design Tokens
68 ⭐
A place where OpenTable engineers and designers openly work together
Knapsack
60 ⭐
Build Your Design System on Knapsack
Theme UI Native
62 ⭐
Build consistent, themeable React Native apps based on constraint-based design principles
Fugen
54 ⭐
Command line tool for exporting resources and generating code from your Figma files
Design Tokens Generator
38 ⭐
Create your Semantic Style Variables (Universal language for developers and designers).
Chromatic
45 ⭐
A build system for managing cross-platform design systems using design tokens.
Figmagic Example
46 ⭐
Using Figmagic (simplifying design token generation and asset extraction) with Webpack 5, React 16, Styled Components.
Limitlessloop Mole
29 ⭐
A tool for managing design decision outputs for different platforms
Storybook Documentation Primitives
33 ⭐
📚️ Custom DocBlocks for Storybook
Tokens2palettes Example
19 ⭐
Example showing how to transform design tokens into color palettes usable by designers
Yarastqt Themekit
58 ⭐
Build system of design-tokens for any platforms
Design Tokens Graphql
12 ⭐
Manage Design Tokens with GraphQL ⚠️[DOA]
Google Spreadsheets Theo
12 ⭐
Import Google Spreadsheets to a format digestable by Theo
Dash UI Styles
26 ⭐
≡𝘿𝙖𝙨𝙝 A tiny, powerful, framework-agnostic CSS-in-JS library
Cero A Produccion
56 ⭐
Cero to Production app in JavaScript
Stitchwind
31 ⭐
A bridge between Tailwind and Stitches
Klaufel Awesome Design Systems
383 ⭐
A curated list of bookmarks, resources and articles about design systems focused on developers.
Lukasoppermann Design Tokens
408 ⭐
🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
A11y Color Tokens
132 ⭐
Generate accessible UI colors from your base color tokens.
Vitamin Web
132 ⭐
Decathlon Design System libraries for web applications
CoolCSS
80 ⭐
The last CSS framework I'll (hopefully) ever have to make
System Props
66 ⭐
Responsive, theme-based style props for building design systems with React. Written in TypeScript.
Cero Components
38 ⭐
Component library for Cero a Producción Project
Specifyapp Parsers
33 ⭐
Specify is a central platform for companies who want to unify their brand identity, by connecting their design system tools.
PostCSS Theme UI
20 ⭐
PostCSS plugin for accessing Theme UI variables
FluentUI Token Pipeline
16 ⭐
The Fluent UI token pipeline generates source code for Fluent UI libraries.
Google Spreadsheets Theo Demo
14 ⭐
Design tokens, managed via Google Spreadsheets, generated using Theo
Ezavile PostCSS Plugins
15 ⭐
Monorepo that contains a set of PostCSS plugins.
Figma Tokens
15 ⭐
A awesome tool for generate Figma design tokens as variables.
Patterns Cli
10 ⭐
A front-end CLI for building and managing design pattern libraries. Maintained by @NYCOpportunity
Material Tokens
35 ⭐
Material Design DSP
Talend UI
115 ⭐
Talend's unified web UI repository.
Michaelmang Tempera
13 ⭐
A CLI toolkit for aiding design tokens adoption.
Aurodesigntokens
11 ⭐
Abstract UI atomic values to support the Auro Design System.
Six7 Figma Tokens
448 ⭐
Official Repo of the Figma Plugin 'Figma Tokens'
Huetone
11 ⭐
A tool to create accessible color systems
Cobalt UI
10 ⭐
Tooling for the official W3C Design Tokens spec