zetareticoli/designtokens.pro

Learn how to master design tokens

Language: HTML - Size: 2.87 MB - Last synced: 40 minutes ago - Pushed: about 2 hours ago - Stars: 0 - Forks: 0

bitcrowd/bitstyles

A complete design system, with base styles and components, built in Sass using CSS variables

Language: MDX - Size: 17.8 MB - Last synced: about 3 hours ago - Pushed: 1 day ago - Stars: 15 - Forks: 0

sketch-hq/design-tokens-example

An example project demonstrating how to integrate Sketch's Design Token Export feature.

Language: JavaScript - Size: 868 KB - Last synced: about 7 hours ago - Pushed: 9 months ago - Stars: 0 - Forks: 0

Shopify/polaris

Shopify’s design system to help us work together to build a great experience for all of our merchants.

Language: TypeScript - Size: 259 MB - Last synced: about 6 hours ago - Pushed: about 24 hours ago - Stars: 5,669 - Forks: 1,159

hashicorp/design-system

Helios Design System

Language: TypeScript - Size: 237 MB - Last synced: about 5 hours ago - Pushed: about 5 hours ago - Stars: 421 - Forks: 42

FDMediagroep/fd-design-system

FD Design System

Language: TypeScript - Size: 15.6 MB - Last synced: about 9 hours ago - Pushed: about 10 hours ago - Stars: 11 - Forks: 1

AlaskaAirlines/AuroDesignTokens

Abstract UI atomic values to support the Auro Design System.

Language: JavaScript - Size: 1.08 MB - Last synced: about 12 hours ago - Pushed: about 22 hours ago - Stars: 15 - Forks: 7

tokens-studio/figma-plugin

Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)

Language: TypeScript - Size: 28.5 MB - Last synced: about 5 hours ago - Pushed: about 6 hours ago - Stars: 1,303 - Forks: 186

wikimedia/design-codex

Codex is the Design System for Wikimedia. Codex features a toolkit for building user interfaces, containing design tokens, Vue 3 components and VitePress documentation site packages. This is a mirror from https://gerrit.wikimedia.org/g/design/codex/

Language: TypeScript - Size: 38.1 MB - Last synced: about 2 hours ago - Pushed: about 14 hours ago - Stars: 59 - Forks: 8

juntossomosmais/atomium

Atomium is an internal design system for 'Juntos Somos Mais' using Web Components

Language: TypeScript - Size: 389 MB - Last synced: 42 minutes ago - Pushed: about 22 hours ago - Stars: 158 - Forks: 6

sbb-design-systems/lyne-components

🧪 Experimental base components for Lyne Design System

Language: TypeScript - Size: 104 MB - Last synced: about 22 hours ago - Pushed: 1 day ago - Stars: 36 - Forks: 13

sbb-design-systems/lyne-design-tokens

🧪 Manages and publishes Design Tokens for Lyne Design System

Language: TypeScript - Size: 11.7 MB - Last synced: about 16 hours ago - Pushed: 1 day ago - Stars: 3 - Forks: 1

Royal-Navy/design-system

Build web applications that meet the Royal Navy service standards

Language: TypeScript - Size: 207 MB - Last synced: about 24 hours ago - Pushed: 1 day ago - Stars: 102 - Forks: 32

vricop/Nextflix-Clone

Netflix Clone App

Language: TypeScript - Size: 9.65 MB - Last synced: about 18 hours ago - Pushed: 1 day ago - Stars: 2 - Forks: 0

Talend/ui

Talend's unified web UI repository.

Language: JavaScript - Size: 79.2 MB - Last synced: about 20 hours ago - Pushed: 1 day ago - Stars: 148 - Forks: 55

sturobson/Awesome-Design-Tokens

A list of resources on all things to do with Design Tokens

Size: 174 KB - Last synced: 2 days ago - Pushed: 2 months ago - Stars: 1,127 - Forks: 82

nado1001/style-dictionary-tailwindcss-transformer

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

Language: TypeScript - Size: 916 KB - Last synced: 3 days ago - Pushed: 3 days ago - Stars: 101 - Forks: 13

shopware/meteor

Meteor is Shopware’s open-source design system that drives our commerce solutions. Extend and customise every aspect of Shopware – create elegant, delightful, and accessible experiences. There are no limits to your imagination.

Language: TypeScript - Size: 32.4 MB - Last synced: 3 days ago - Pushed: 3 days ago - Stars: 9 - Forks: 4

mikaelvesavuori/figmagic

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.

Language: TypeScript - Size: 12.8 MB - Last synced: 4 days ago - Pushed: 4 days ago - Stars: 796 - Forks: 72

klaufel/awesome-design-systems

📒 A curated list of bookmarks, resources and articles about design systems focused on developers.

Size: 117 KB - Last synced: 1 day ago - Pushed: 11 months ago - Stars: 676 - Forks: 45

Convertiv/handoff-app

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

Language: TypeScript - Size: 3.75 MB - Last synced: 3 days ago - Pushed: 3 days ago - Stars: 43 - Forks: 4

jonambas/panda-plugin-ct

🐼 A Panda CSS plugin for design token aliases

Language: TypeScript - Size: 396 KB - Last synced: 5 days ago - Pushed: 5 days ago - Stars: 5 - Forks: 1

system-ui/theme-specification

A specification for defining theme objects & design tokens for use with UI components

Size: 15.6 KB - Last synced: 4 days ago - Pushed: 3 months ago - Stars: 521 - Forks: 19

Temzasse/figmage

A simple CLI tool that helps you generate design tokens as code from your Figma project.

Language: TypeScript - Size: 2.14 MB - Last synced: 6 days ago - Pushed: 6 days ago - Stars: 8 - Forks: 0

Shopify/polaris-tokens 📦

Design tokens for Polaris, Shopify’s design system

Language: TypeScript - Size: 6.99 MB - Last synced: 7 days ago - Pushed: over 2 years ago - Stars: 234 - Forks: 35

material-foundation/material-tokens

Material Design DSP

Language: CSS - Size: 2.13 MB - Last synced: 7 days ago - Pushed: 9 months ago - Stars: 219 - Forks: 33

Decathlon/vitamin-web

Decathlon Design System UI components for web applications

Language: HTML - Size: 26.9 MB - Last synced: 3 days ago - Pushed: 15 days ago - Stars: 270 - Forks: 75

tymothy6/local-design-tokens

Storage for Figma Design Tokens

Size: 62.5 KB - Last synced: 9 days ago - Pushed: 9 days ago - Stars: 1 - Forks: 0

adevinta/spark-tokens

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

Language: JavaScript - Size: 2.29 MB - Last synced: 9 days ago - Pushed: 9 days ago - Stars: 3 - Forks: 3

bcgov/design-system

The B.C. Design System helps public sector design and development teams build consistent, accessible products

Language: TypeScript - Size: 18.3 MB - Last synced: 2 days ago - Pushed: 9 days ago - Stars: 47 - Forks: 37

lukasoppermann/style-dictionary-utils

Utilities to use in your style dictionary config

Language: TypeScript - Size: 587 KB - Last synced: 10 days ago - Pushed: 11 days ago - Stars: 133 - Forks: 14

waynestedman/design-tokens-library

Design Tokens Library for Wayne's Micro Design System

Language: JavaScript - Size: 1.02 MB - Last synced: 11 days ago - Pushed: 11 days ago - Stars: 0 - Forks: 0

nuxt-modules/design-tokens

Design tokens module for Nuxt

Language: TypeScript - Size: 648 KB - Last synced: 11 days ago - Pushed: 11 days ago - Stars: 49 - Forks: 3

eleven-labs/design-system

Eleven Labs - Design System

Language: TypeScript - Size: 32.2 MB - Last synced: 12 days ago - Pushed: 13 days ago - Stars: 2 - Forks: 1

adobe/spectrum-tokens

Tokens used by Spectrum, Adobe's design system.

Language: JavaScript - Size: 2.63 MB - Last synced: 13 days ago - Pushed: 13 days ago - Stars: 75 - Forks: 16

DIPSAS/DIPS.Mobile.DesignTokens

DIPS Mobile DesignTokens is a repository to store DIPS resources that is used in the Android and iOS apps.

Language: C# - Size: 304 KB - Last synced: 13 days ago - Pushed: 13 days ago - Stars: 5 - Forks: 0

amzn/style-dictionary

A build system for creating cross-platform styles.

Language: JavaScript - Size: 11.8 MB - Last synced: 15 days ago - Pushed: 16 days ago - Stars: 3,654 - Forks: 512

Finastra/finastra-design-system

The Finastra Design System provided as a theme and components library

Language: TypeScript - Size: 65.7 MB - Last synced: 23 days ago - Pushed: 25 days ago - Stars: 117 - Forks: 44

MarkZither/MyStorybook

Angular based Storybook to test out some design token ideas and learn more about creating, distributing and consuming SCSS from npm packages.

Language: HTML - Size: 4.07 MB - Last synced: 15 days ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

digitalservicebund/style-dictionary

Angie Design System's design tokens (npm package)

Language: JavaScript - Size: 1.52 MB - Last synced: 16 days ago - Pushed: 16 days ago - Stars: 5 - Forks: 1

diez/diez

The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams

Language: TypeScript - Size: 67.6 MB - Last synced: 15 days ago - Pushed: over 1 year ago - Stars: 1,225 - Forks: 65

design-tokens/community-group

This is the official DTCG repository for the design tokens specification.

Language: HTML - Size: 725 KB - Last synced: 15 days ago - Pushed: about 1 month ago - Stars: 1,455 - Forks: 60

saneef/nanools-tokens

Source code for tokens2css.nanools.com

Language: JavaScript - Size: 276 KB - Last synced: 15 days ago - Pushed: 17 days ago - Stars: 1 - Forks: 0

nxkit/nxkit

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

Language: TypeScript - Size: 1.03 MB - Last synced: 13 days ago - Pushed: 3 months ago - Stars: 41 - Forks: 5

Tahul/pinceau

🖌️ Make your <script> lighter and your <style> smarter

Language: TypeScript - Size: 15.5 MB - Last synced: 14 days ago - Pushed: 5 months ago - Stars: 658 - Forks: 18

SargamDesign/sargam-colors

Color system for designing warm welcoming, caring sites & apps

Language: JavaScript - Size: 3.85 MB - Last synced: 18 days ago - Pushed: about 2 months ago - Stars: 8 - Forks: 2

launchdarkly/launchpad-ui

:rocket: LaunchDarkly's design system

Language: TypeScript - Size: 16.4 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 35 - Forks: 4

system-props/system-props

Responsive, theme-based style props for building design systems with React. Written in TypeScript.

Language: TypeScript - Size: 62.8 MB - Last synced: 16 days ago - Pushed: about 1 year ago - Stars: 81 - Forks: 9

VirtusLab/tetrisly-react

Tetrisly offers user-friendly components designed for effortless integration. Plus, it's fully compatible with Tetrisly for Figma with a seamless design and development experience in mind.

Language: TypeScript - Size: 38.7 MB - Last synced: 24 days ago - Pushed: 24 days ago - Stars: 39 - Forks: 0

lmc-eu/jobs-design-system

Open-source parts of Jobs Design System developed by LMC

Language: SCSS - Size: 897 KB - Last synced: 22 days ago - Pushed: 22 days ago - Stars: 4 - Forks: 0

universal-design-tokens/udt

Universal Design Tokens (UDT) is a collection of libraries and utilities for working with DTCG design tokens files.

Language: TypeScript - Size: 2.91 MB - Last synced: 5 days ago - Pushed: 14 days ago - Stars: 142 - Forks: 2

joaaomanooel/design-tokens

Size: 38.1 KB - Last synced: 23 days ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

components-ai/css.gui

Visual development environment for CSS

Language: TypeScript - Size: 4.84 MB - Last synced: 20 days ago - Pushed: 9 months ago - Stars: 514 - Forks: 23

microsoft/fluentui-token-pipeline

The Fluent UI token pipeline generates source code for Fluent UI libraries.

Language: TypeScript - Size: 573 KB - Last synced: 14 days ago - Pushed: 6 months ago - Stars: 39 - Forks: 19

selfishprimate/awesome-design-tokens

Awesome Design Tokens is a ready-to-use design tokens template for your multi-brand design system projects.

Language: Swift - Size: 29.3 KB - Last synced: 1 day ago - Pushed: over 1 year ago - Stars: 6 - Forks: 1

system-ui/theme-ui

Build consistent, themeable React apps based on constraint-based design principles

Language: TypeScript - Size: 29.1 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 5,214 - Forks: 670

drwpow/cobalt-ui

Use W3C Design Token Community Group tokens in CI and code

Language: TypeScript - Size: 6.5 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 128 - Forks: 20

Design-System-Cookbooks/design-systems

Design System open-source database

Language: TypeScript - Size: 15 MB - Last synced: 27 days ago - Pushed: about 1 month ago - Stars: 12 - Forks: 3

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…).

Language: CSS - Size: 939 KB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 2 - Forks: 4

devdalgic/token-android-parser

Tool to parse exported JSON design tokens to Android color resources

Language: JavaScript - Size: 10.7 MB - Last synced: about 1 month ago - Pushed: 8 months ago - Stars: 0 - Forks: 0

theemo-tokens/theemo

Design Token Automations

Language: TypeScript - Size: 10.2 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 26 - Forks: 2

snowball-tech/fractal

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

Language: TypeScript - Size: 2.35 GB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 18 - Forks: 0

Sage/design-tokens

Design tokens for the Sage Design system using Amazon Style Dictionary.

Language: JavaScript - Size: 4.51 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 10 - Forks: 9

tokens-bruecke/figma-plugin

TokensBrücke is a Figma plugin that converts Figma variables into design-tokens JSON.

Language: TypeScript - Size: 1.47 MB - Last synced: 2 months ago - Pushed: 2 months ago - Stars: 30 - Forks: 4

MatteuSan/sentro

A low-level SCSS library for building and managing token-driven design systems.

Language: SCSS - Size: 958 KB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 6 - Forks: 0

telekom/design-tokens

The source of truth for designing Telekom-branded digital products

Language: JavaScript - Size: 3.93 MB - Last synced: about 1 month ago - Pushed: 5 months ago - Stars: 12 - Forks: 6

Guilbertoliveira/DesignSystem

Learning a little design system and nextjs together

Language: TypeScript - Size: 212 KB - Last synced: about 1 month ago - Pushed: 7 months ago - Stars: 0 - Forks: 0

mlibrary/design-system-old

We aim to build trust in our digital services by creating components and standards that are reusable, equitable, informed by research, and available to the public.

Language: HTML - Size: 9.93 MB - Last synced: about 1 month ago - Pushed: over 2 years ago - Stars: 6 - Forks: 4

greenpeace/planet4-design-tokens

Greenpeace Planet 4 Design Tokens

Language: Python - Size: 83 KB - Last synced: about 1 month ago - Pushed: 9 months ago - Stars: 0 - Forks: 0

glrodasz/cero-components

Component library for Cero a Producción Project

Language: JavaScript - Size: 1.26 MB - Last synced: 4 days ago - Pushed: about 1 year ago - Stars: 52 - Forks: 22

chrisburnell/bowhead

Memorable and maintainable design tokens in SCSS.

Language: SCSS - Size: 78.1 KB - Last synced: 15 days ago - Pushed: over 1 year ago - Stars: 4 - Forks: 0

marigold-ui/marigold

Design System based on react-aria and Tailwind CSS

Language: TypeScript - Size: 186 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 100 - Forks: 7

nclsndr/design-tokens-format-module

A Typescript implementation of the Design Tokens Format Module specification

Language: TypeScript - Size: 99.6 KB - Last synced: about 1 month ago - Pushed: 12 months ago - Stars: 10 - Forks: 0

XOP/awsm-docs

Design System Documentation Website Slingshot

Language: TypeScript - Size: 1010 KB - Last synced: 30 days ago - Pushed: 3 months ago - Stars: 1 - Forks: 0

salesforce-ux/theo

Theo is a an abstraction for transforming and formatting Design Tokens

Language: JavaScript - Size: 2.21 MB - Last synced: about 1 month ago - Pushed: over 2 years ago - Stars: 1,937 - Forks: 123

mateoroldos/tokenbase

Create, manage and distribute design tokens.

Language: Svelte - Size: 9.22 MB - Last synced: about 1 month ago - Pushed: about 1 month ago - Stars: 76 - Forks: 2

microsoft/figma-variables-import

Variables Import plugin for Figma

Language: TypeScript - Size: 855 KB - Last synced: about 1 month ago - Pushed: 3 months ago - Stars: 62 - Forks: 6

didoo/style-dictionary-demo

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

Language: JavaScript - Size: 195 KB - Last synced: 30 days ago - Pushed: over 1 year ago - Stars: 166 - Forks: 28

almazrafi/Fugen

Command line tool for exporting resources and generating code from your Figma files

Language: Swift - Size: 2.96 MB - Last synced: 18 days ago - Pushed: 7 months ago - Stars: 81 - Forks: 9

commonhorizoncommun/design-system

Design system for Common Horizon / Horizon commun.

Language: CSS - Size: 6.01 MB - Last synced: 14 days ago - Pushed: 15 days ago - Stars: 0 - Forks: 0

lukasoppermann/design-tokens

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

Language: TypeScript - Size: 13.4 MB - Last synced: about 2 months ago - Pushed: about 2 months ago - Stars: 890 - Forks: 115

doterodesign/style-dictionary-test

Testing Style Dictionary's compiling into scss design tokens using aliased json.

Language: CSS - Size: 51.8 KB - Last synced: about 2 months ago - Pushed: about 1 year ago - Stars: 1 - Forks: 0

simpleclub/design_tokens_builder

Package for generating Flutter ThemeData from Figma design tokens using BuildRunner.

Language: Dart - Size: 2.51 MB - Last synced: about 2 months ago - Pushed: about 2 months ago - Stars: 10 - Forks: 2

icona79/sketch-design-token-exporter-file-format

Export Design Tokens from your Sketch document via Terminal from any OS

Language: TypeScript - Size: 80.3 MB - Last synced: 2 months ago - Pushed: over 1 year ago - Stars: 6 - Forks: 0

rognick/design-tokens-template

Size: 7.81 KB - Last synced: 2 months ago - Pushed: over 1 year ago - Stars: 0 - Forks: 1

dialpad/dialtone-tokens 📦

Design Tokens for Dialtone, Dialpad's design system.

Language: JavaScript - Size: 894 KB - Last synced: 2 months ago - Pushed: 7 months ago - Stars: 6 - Forks: 0

visualjerk/vue-cion-design-system

CION - Design system boilerplate for Vue.js

Language: HTML - Size: 26.4 MB - Last synced: 11 days ago - Pushed: over 1 year ago - Stars: 140 - Forks: 24

UX-and-I/storybook-design-token

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.

Language: TypeScript - Size: 4.36 MB - Last synced: 2 months ago - Pushed: 2 months ago - Stars: 629 - Forks: 123

nuxt-themes/tokens

Design Tokens synced with Nuxt design team Figma.

Language: Vue - Size: 974 KB - Last synced: 15 days ago - Pushed: 9 months ago - Stars: 12 - Forks: 1

5t3ph/a11y-color-tokens

Generate accessible UI colors from your base color tokens.

Language: JavaScript - Size: 21.5 KB - Last synced: 15 days ago - Pushed: 8 months ago - Stars: 158 - Forks: 5

ardov/huetone

A tool to create accessible color systems

Language: TypeScript - Size: 804 KB - Last synced: 2 months ago - Pushed: 6 months ago - Stars: 280 - Forks: 21

nyan-matt/token-demo-src

This repo demonstrates a simple design automation workflow that handles design tokens, their transformation to css vars, and pushing updated css files to another project repo.

Language: CSS - Size: 85 KB - Last synced: about 1 month ago - Pushed: 7 months ago - Stars: 8 - Forks: 4

bem/themekit

Build system of design-tokens for any platforms

Language: TypeScript - Size: 1.01 MB - Last synced: 21 days ago - Pushed: over 1 year ago - Stars: 71 - Forks: 10

kkratterf/fusillo-design-system

A well-cooked design system boilerplate

Language: JavaScript - Size: 15.9 MB - Last synced: about 2 months ago - Pushed: about 2 months ago - Stars: 0 - Forks: 0

rhinolabs/rhino-ui

Open-source libraries for React UI components, design tokens, and hooks.

Language: MDX - Size: 3.29 MB - Last synced: 23 days ago - Pushed: 2 months ago - Stars: 1 - Forks: 6

luisfuturist/lfds-tokens

My design system tokens.

Language: JavaScript - Size: 85 KB - Last synced: 2 months ago - Pushed: over 1 year ago - Stars: 0 - Forks: 0

mrmartineau/design-system-utils

👩‍🎨 Access your design tokens with ease

Language: TypeScript - Size: 1.36 MB - Last synced: 21 days ago - Pushed: about 4 years ago - Stars: 535 - Forks: 13

peruvianidol/coolcss

The last CSS framework I'll (hopefully) ever have to make

Language: HTML - Size: 9.85 MB - Last synced: 23 days ago - Pushed: over 2 years ago - Stars: 107 - Forks: 8

newrelic/one-core-toolbox

A Figma plugin that simplifies the use of the One Core design system for New Relic designers (internal only).

Language: TypeScript - Size: 117 MB - Last synced: 2 months ago - Pushed: 2 months ago - Stars: 11 - Forks: 5

opentable/design-tokens

A place where OpenTable engineers and designers openly work together

Language: JavaScript - Size: 20.2 MB - Last synced: 3 days ago - Pushed: 3 months ago - Stars: 79 - Forks: 75