Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with style-dictionary

A curated list of projects in awesome lists tagged with style-dictionary .

https://github.com/lukasoppermann/design-tokens

🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.

amazon-style-dictionary design-system design-tokens figma figma-api figma-plugin style-dictionary

Last synced: 06 Apr 2025

https://github.com/primer/primitives

Color, typography, and spacing primitives in json.

design-system design-tokens style-dictionary

Last synced: 15 Apr 2026

https://github.com/didoo/style-dictionary-demo

A demonstration of a setup of Style Dictionary to be used for the generation of design tokens

design-systems design-tokens style-dictionary

Last synced: 16 Mar 2025

https://github.com/lukasoppermann/style-dictionary-utils

Utilities to use in your style dictionary config

config design-tokens style-dictionary

Last synced: 05 Apr 2025

https://github.com/nado1001/style-dictionary-tailwindcss-transformer

This is a plugin to generate the config of Tailwind CSS using Style Dictionary

design-system design-tokens style-dictionary tailwind tailwindcss

Last synced: 08 Apr 2025

https://github.com/bem/themekit

Build system of design-tokens for any platforms

build-system design-system design-tokens design-tool style-dictionary style-tokens

Last synced: 24 Aug 2025

https://github.com/infor-design/design-system

Design Tokens, Assets, and Planning for the Infor Design System

design-system infor style-dictionary

Last synced: 09 Apr 2025

https://github.com/nxkit/nxkit

Keyboard crafted https://nx.dev plugins for your workspace

design-tokens monorepo nx nx-playwright nx-plugin nx-style-dictionary nx-workspace playwright style-dictionary

Last synced: 05 Apr 2025

https://github.com/Convertiv/handoff-app

A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code

bootstrap css design-system design-tokens figma figma-api figma-plugin handoff scss style-dictionary

Last synced: 25 Oct 2025

https://github.com/convertiv/handoff-app

A toolchain for Figma design tokens, enabling designers and developers to extract, transform, and distribute design decisions as code

bootstrap css design-system design-tokens figma figma-api figma-plugin handoff scss style-dictionary

Last synced: 20 Apr 2026

https://github.com/snowball-tech/fractal

The open-source mono-repository for the design reference, components libraries and documentations of Fractal, Snowball's design system.

design-system design-tokens figma javascript lodash mono-repository react snowball storybook style-dictionary styleguide stylelint testing-library turborepo typescript vercel yarn yarn3

Last synced: 30 May 2026

https://github.com/chanzuckerberg/edu-design-system

Design system for Learning Commons Projects

design-system react style-dictionary

Last synced: 18 Feb 2026

https://github.com/michaelmang/style-dictionary

A package for receiving generated design tokens and exporting platform deliverables using Style Dictionary. This is part of a series of tutorials for my design tokens ebook that is in the works.

style-dictionary

Last synced: 11 Mar 2025

https://github.com/openkfw/design-tokens

KfW Design Tokens – the single source of truth for designing KfW-branded digital products

design-system design-tokens kfw-design-tokens open-source style-dictionary

Last synced: 18 Feb 2026

https://github.com/jakobw/style-dictionary-format-json-schema

Generate JSON schemas for style-dictionary files to improve text editor support

build-tool design-system design-tokens style-dictionary

Last synced: 18 Mar 2025

https://github.com/workleap/ov-igloo-tokens

Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..

css igloo officevibe scss style-dictionary tokens

Last synced: 08 Apr 2025

https://github.com/netoum/designex

Get easily started with design tokens using Designex CLI. Features a wide range of templates, pre-built configurations, and live reloading for seamless design tokens integration.

design-systems design-tokens figma style-dictionary tailwindcss tokens-studio

Last synced: 06 May 2025

https://github.com/cds-snc/gcds-tokens

GC Design System Tokens are the smallest building blocks of GC Design System, represent design decisions for basic elements like colour, typography, and spacing. | Les jetons Système de design GC sont les plus petits blocs de construction du système et représentent les choix de design pour les éléments de base (couleur, typographie, espacement…).

canada design-system design-tokens government government-canada style-dictionary

Last synced: 07 Aug 2025

https://github.com/leboncoin/spark-tokens

A tool for synchronizing Spark design tokens between Figma and our three platforms (web, Android, iOS).

design-system design-tokens design-tools style-dictionary

Last synced: 19 Mar 2025

https://github.com/samuelematias/chicken_box_time

Find information about the next movie you're going to watch in the company of a nice Chicken Box 🍗🎬

bloc dart design-system flutter flutter-bloc movie-app style-dictionary

Last synced: 20 Jan 2026

https://github.com/sergei-maertens/design-token-editor

React component to view/edit design tokens via style-dictionary

design-systems design-tokens style-dictionary

Last synced: 23 Mar 2025

https://github.com/netoum/designex_cli

Get easily started with design tokens using Designex CLI. Features a wide range of templates, pre-built configurations, and live reloading for seamless design tokens integration.

design-systems design-tokens figma style-dictionary tailwindcss tokens-studio

Last synced: 03 Mar 2025

https://github.com/sbb-design-systems/lyne-design-tokens

🧪 Manages and publishes Design Tokens for Lyne Design System

design-system design-tokens javascript lyne lyne-design-tokens style-dictionary web-components

Last synced: 12 Jul 2025

https://github.com/tokens-studio/sd-tailwindv4

Example of a style-dictionary workflow implementation to Tailwind V4

design-tokens style-dictionary tailwindcss tailwindcss-v4

Last synced: 16 Jul 2025

https://github.com/artursopelnik/style-dictionary-extend-design-tokens

Extend design tokens from Style Dictionary for themable design systems using Node.

design-tokens designtokens style-dictionary

Last synced: 28 Jun 2026

https://github.com/artursopelnik/style-dictionary-with-dark-mode

Style Dictionary with Dark Mode and TypeScript

design-system style-dictionary typescript

Last synced: 10 Feb 2026

https://github.com/ds1/design-token-context-model

Comprehensive context ontology for multi-dimensional design token resolution. 93 dimensions, 12 categories, inheritance rules, and conflict resolution. Includes spec and W3C DTCG token implementation.

accessibility css design-systems design-tokens figma style-dictionary theming w3c

Last synced: 03 Jun 2026

https://github.com/design-system-pro/token-tinker

A GitHub Action to transform and process design tokens exported from Tokens Studio.

css github-action style-dictionary tokens-studio

Last synced: 05 May 2026

https://github.com/natanaelvich/figma-tokens-example

figma tokens automate ci example

figma-tokens style-dictionary

Last synced: 26 Mar 2025

https://github.com/t18n/convert-design-token

Convert json design tokens to TS, JS for React Native, CSS variables and SCSS variables using style-dictionary

code-generation design-tokens figma javascript react-native scss style-dictionary zeplin

Last synced: 04 May 2026

https://github.com/bartoszrajchert/design-tokens-demo

This demo was part of "Design Tokens 101: Practical Knowledge in 60 minutes" presentation for DesignDNA.

design-tokens figma html javascript style-dictionary

Last synced: 17 Apr 2026

https://github.com/design-system-pro/tokens

Repository of design tokens published by DS platform

design-tokens style-dictionary

Last synced: 06 Mar 2026

https://github.com/ltwmori/sveltekit-designtokens

SvelteKit + Style Dictionary = Design Tokens

design-tokens style-dictionary svelte sveltekit

Last synced: 08 Jun 2026

https://github.com/serendie/style-dictionary-formatter

the style-dictionary formatter of Serendie Design System

style-dictionary

Last synced: 21 Jan 2026

https://github.com/joduplessis/design-tokens

Design tokens generator & CSS pipeline template using Style Dictionary. 🎨

css design-tokens post-css sass style-dictionary

Last synced: 19 May 2026

https://github.com/msradam/lokta

Editorial design system after the page layout of the cookbook Cuisine on Screen (Sachiyo Harada, Prestel). Plug-and-play packages: tokens (CSS/SCSS/JS), components, a Marp theme, Typst document themes, and a Mermaid theme. WCAG 2.2 AA. Heritage thread from Siddika Kabir's Ranna Khaddo Pushti.

accessibility css dark-mode design-system design-tokens editorial marp mermaid scss style-dictionary theming typography typst wcag

Last synced: 05 Jul 2026