GitHub topics: design-tokens

Repositories

cat-grandi/token-studio--graph-engine Fork of tokens-studio/graph-engine

Fork of the full Tokens Studio ecosystem.

Language: TypeScript - Size: 15.2 MB - Last synced at: about 8 hours ago - Pushed at: about 9 hours ago - Stars: 0 - Forks: 0

patternfly/patternfly-react

A set of React components for the PatternFly project.

Language: TypeScript - Size: 310 MB - Last synced at: about 21 hours ago - Pushed at: about 22 hours ago - Stars: 828 - Forks: 371

design-tokens/community-group

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

Language: HTML - Size: 1.67 MB - Last synced at: about 17 hours ago - Pushed at: about 18 hours ago - Stars: 1,666 - Forks: 70

Sage/design-tokens

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

Language: TypeScript - Size: 12.9 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 16 - Forks: 9

Shopify/polaris

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

Language: TypeScript - Size: 264 MB - Last synced at: about 22 hours ago - Pushed at: 1 day ago - Stars: 5,978 - Forks: 1,203

jakester2020/DesignSystem

Kotlin Multiplatform (KMP) library for unified UI styling across Android and iOS applications.

Size: 1000 Bytes - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 0 - Forks: 0

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: 45.4 MB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 80 - Forks: 18

style-dictionary/style-dictionary

A build system for creating cross-platform styles.

Language: JavaScript - Size: 15.9 MB - Last synced at: 2 days ago - Pushed at: 8 days ago - Stars: 4,213 - Forks: 602

taurean/stylebase

A starter set of CSS files for building modular web components and layouts.

Language: CSS - Size: 128 KB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 1 - Forks: 0

provok-exe/zeytal

Zeytal CLI · From Figma to code in only one command line.

Size: 22.5 KB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 0 - Forks: 0

fylgja/fylgja

The flexible and lightweight CSS library designed to streamline your web development.

Language: CSS - Size: 2.96 MB - Last synced at: about 4 hours ago - Pushed at: 4 days ago - Stars: 100 - Forks: 1

sbb-design-systems/lyne-components

Components for Lyne Design System

Language: TypeScript - Size: 118 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 54 - Forks: 13

chakra-ui/panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

Language: TypeScript - Size: 48.6 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 5,562 - Forks: 263

Gustavo22Soaresh/Design-Atlas

Atlas is a design system for OpenStreetMap

Language: CSS - Size: 17.8 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 7 - Forks: 2

primer/primitives

Color, typography, and spacing primitives in json.

Language: TypeScript - Size: 473 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 342 - Forks: 55

dialpad/dialtone

The main repository for all of Dialpad's design system resources.

Language: JavaScript - Size: 245 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 13 - Forks: 4

sbb-design-systems/lyne-design-tokens

🧪 Manages and publishes Design Tokens for Lyne Design System

Language: TypeScript - Size: 12.6 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 3 - Forks: 3

hashicorp/design-system

Helios Design System

Language: TypeScript - Size: 292 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 474 - Forks: 49

launchdarkly/launchpad-ui

:rocket: LaunchDarkly's design system

Language: TypeScript - Size: 26.1 MB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 45 - Forks: 9

terrazzoapp/terrazzo

Use DTCG tokens JSON to generate code for web, mobile, native apps, and more

Language: TypeScript - Size: 10.2 MB - Last synced at: 5 days ago - Pushed at: 12 days ago - Stars: 204 - Forks: 38

marigold-ui/marigold

Design System based on react-aria and Tailwind CSS

Language: TypeScript - Size: 204 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 127 - Forks: 10

inclusive-design/wecount-design-system

Design system for We Count.

Language: JavaScript - Size: 1.3 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 0 - Forks: 0

ongov/ontario-design-system

Web components and npm packages for the Ontario Design System, designed to help you create great digital products for the Ontario government.

Language: TypeScript - Size: 44.7 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 6 - Forks: 0

ITS-HCD/nysds

The New York State Design System helps state agencies build fast, accessible, mobile-friendly applications and sites.

Language: TypeScript - Size: 3.13 MB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 8 - Forks: 0

Royal-Navy/design-system

Build web applications that meet the Royal Navy service standards

Language: TypeScript - Size: 216 MB - Last synced at: 1 day ago - Pushed at: 7 days ago - Stars: 123 - Forks: 31

tokens-studio/figma-plugin

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

Language: TypeScript - Size: 27.4 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 1,441 - Forks: 204

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: 79.8 MB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 25 - Forks: 9

theemo-tokens/theemo

Design Token Automations

Language: TypeScript - Size: 13.1 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 29 - 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: 14.2 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 29 - Forks: 3

FDMediagroep/fd-design-system

FD Design System

Language: TypeScript - Size: 15.6 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 11 - Forks: 1

system-ui/theme-ui

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

Language: TypeScript - Size: 29.6 MB - Last synced at: 8 days ago - Pushed at: about 2 months ago - Stars: 5,350 - Forks: 674

cyberfinity/polymorph

Design system for Cyberfinity websites and other stuff by James Nash

Language: Astro - Size: 267 KB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 0 - Forks: 0

lukasoppermann/style-dictionary-utils

A package of transforms, formats, filters, etc. to use in your style dictionary config to transform your design tokens

Language: TypeScript - Size: 1.19 MB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 193 - Forks: 19

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: 336 KB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 9 - Forks: 0

salesforce-ux/theo 📦

Theo is a an abstraction for transforming and formatting Design Tokens

Language: JavaScript - Size: 2.21 MB - Last synced at: 5 days ago - Pushed at: 11 days ago - Stars: 1,985 - Forks: 120

nado1001/style-dictionary-tailwindcss-transformer

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

Language: TypeScript - Size: 1.01 MB - Last synced at: 10 days ago - Pushed at: 10 days ago - Stars: 135 - Forks: 16

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: 7.37 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 86 - Forks: 6

fulviabuonanno/design-tokens-wizards

A collection of scripts to effortlessly generate design tokens for seamless integration with Tokens Studio, CSS, and SCSS. Simplify token creation and management—like magic!

Language: JavaScript - Size: 40.6 MB - Last synced at: 12 days ago - Pushed at: 12 days ago - Stars: 1 - Forks: 0

components-ai/css.gui

Visual development environment for CSS

Language: TypeScript - Size: 4.84 MB - Last synced at: 6 days ago - Pushed at: almost 2 years ago - Stars: 557 - Forks: 26

strawberry-design-system/strawberry-ui

The UI Kit for Strawberry Design System

Language: TypeScript - Size: 190 KB - Last synced at: 13 days ago - Pushed at: 13 days ago - Stars: 0 - Forks: 0

Decathlon/vitamin-web

Decathlon Design System UI components for web applications

Language: HTML - Size: 24.7 MB - Last synced at: 6 days ago - Pushed at: 13 days ago - Stars: 286 - Forks: 77

dylarcher/cssman-cli

A library to generates design tokens via CLI or method call.

Language: JavaScript - Size: 118 KB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 0 - Forks: 0

AlaskaAirlines/AuroDesignTokens

Abstract UI atomic values to support the Auro Design System.

Language: JavaScript - Size: 1.85 MB - Last synced at: 14 days ago - Pushed at: 14 days ago - Stars: 18 - Forks: 7

coco-base/cocokits

Everything you need to build your project with any framework.

Language: TypeScript - Size: 11 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 13 - Forks: 4

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: 1.59 MB - Last synced at: 16 days ago - Pushed at: 16 days ago - Stars: 5 - Forks: 6

bennypowers/design-tokens-language-server

Editor tools for working with design tokens

Language: TypeScript - Size: 1.75 MB - Last synced at: 16 days ago - Pushed at: 17 days ago - Stars: 36 - Forks: 1

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: 13 MB - Last synced at: 6 days ago - Pushed at: 15 days ago - Stars: 831 - Forks: 77

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.4 MB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 162 - Forks: 3

juntossomosmais/atomium

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

Language: TypeScript - Size: 443 MB - Last synced at: 17 days ago - Pushed at: 17 days ago - Stars: 173 - Forks: 6

frameless/css-to-design-tokens

Convert CSS codebases to design tokens

Language: TypeScript - Size: 684 KB - Last synced at: 1 day ago - Pushed at: 18 days ago - Stars: 0 - Forks: 1

digital-go-jp/design-tokens

デジタル庁デザインシステムのデザイントークン

Language: TypeScript - Size: 497 KB - Last synced at: 17 days ago - Pushed at: 18 days ago - Stars: 63 - Forks: 1

tokens-bruecke/figma-plugin

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

Language: TypeScript - Size: 1.64 MB - Last synced at: 18 days ago - Pushed at: 18 days ago - Stars: 54 - Forks: 14

diez/diez

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

Language: TypeScript - Size: 67.6 MB - Last synced at: 9 days ago - Pushed at: over 2 years ago - Stars: 1,236 - Forks: 63

microsoft/figma-variables-import

Variables Import plugin for Figma

Language: TypeScript - Size: 225 KB - Last synced at: 7 days ago - Pushed at: 10 months ago - Stars: 94 - Forks: 11

zetareticoli/designtokens.pro

Learn how to master design tokens

Language: HTML - Size: 8.11 MB - Last synced at: 21 days ago - Pushed at: 21 days ago - Stars: 0 - Forks: 0

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.38 MB - Last synced at: 10 days ago - Pushed at: 4 months ago - Stars: 661 - Forks: 125

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.

Language: TypeScript - Size: 640 KB - Last synced at: 11 days ago - Pushed at: 4 months ago - Stars: 7 - Forks: 0

MatteuSan/sentro

A low-level SCSS library for building robust token-driven design systems at scale.

Language: SCSS - Size: 1.58 MB - Last synced at: 9 days ago - Pushed at: 24 days ago - Stars: 8 - Forks: 0

TechBowl-japan/terminal-design-tokens

TechTrain Terminal's Design Tokens

Size: 184 KB - Last synced at: 25 days ago - Pushed at: 25 days ago - Stars: 2 - Forks: 0

adobe/spectrum-tokens

Tokens used by Spectrum, Adobe's design system.

Language: JavaScript - Size: 4.27 MB - Last synced at: 3 days ago - Pushed at: 18 days ago - Stars: 110 - Forks: 21

mateoroldos/tokenbase

Create, manage and distribute design tokens.

Language: Svelte - Size: 9.19 MB - Last synced at: 24 days ago - Pushed at: 8 months ago - Stars: 127 - Forks: 7

sturobson/Awesome-Design-Tokens

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

Size: 208 KB - Last synced at: 28 days ago - Pushed at: 8 months ago - Stars: 1,238 - Forks: 86

bem/themekit

Build system of design-tokens for any platforms

Language: TypeScript - Size: 1.01 MB - Last synced at: 6 days ago - Pushed at: over 2 years ago - Stars: 74 - Forks: 11

lukasoppermann/design-tokens

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

Language: TypeScript - Size: 15 MB - Last synced at: 28 days ago - Pushed at: 5 months ago - Stars: 1,029 - Forks: 138

RedHat-UX/red-hat-design-tokens

Red Hat design tokens

Language: TypeScript - Size: 1.09 MB - Last synced at: about 14 hours ago - Pushed at: 7 days ago - Stars: 17 - Forks: 2

nclsndr/design-tokens-format-module

A Typescript implementation of the Design Tokens Format Module specification

Language: TypeScript - Size: 172 KB - Last synced at: 3 days ago - Pushed at: about 1 month ago - Stars: 26 - Forks: 3

system-ui/theme-specification

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

Size: 15.6 KB - Last synced at: 27 days ago - Pushed at: over 1 year ago - Stars: 547 - Forks: 20

prosazhin/pbstyles

Basic styles for quick prototyping

Language: CSS - Size: 229 KB - Last synced at: 1 day ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

prosazhin/tailwind-dictionary

Creating a Tailwind Theme from design tokens

Language: JavaScript - Size: 184 KB - Last synced at: 6 days ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

simpleclub/design_tokens_builder

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

Language: Dart - Size: 2.53 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 14 - Forks: 3

nuxt-themes/tokens

Design Tokens synced with Nuxt design team Figma.

Language: Vue - Size: 974 KB - Last synced at: 6 days ago - Pushed at: almost 2 years ago - Stars: 14 - Forks: 2

prosazhin/mixin-dictionary

Creating mixins from design tokens for LESS and SCSS.

Language: JavaScript - Size: 171 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

soujvnunes/themizer

TypeScript Node.js package for generating CSS custom properties within media queries or selectors via CLI

Language: TypeScript - Size: 288 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 1 - Forks: 0

bly-th/css

A truly versatile CSS toolkit.

Language: JavaScript - Size: 1.4 MB - Last synced at: 1 day ago - Pushed at: 7 months ago - Stars: 16 - Forks: 1

nclsndr/design-tokens-tools

Tools to parse and manipulate design tokens based on the Design Token Format Module specification.

Language: TypeScript - Size: 756 KB - Last synced at: 11 days ago - Pushed at: 8 months ago - Stars: 7 - Forks: 1

deven-org/boiler

A fully customisable and tokenised design system boilerplate built by Accenture Song

Language: TypeScript - Size: 29.5 MB - Last synced at: 7 days ago - Pushed at: about 2 months ago - Stars: 20 - Forks: 8

nksm/figma-plugin-simple-prefix-editor-for-css

Figma plugin that simplifies CSS variable formatting. Add custom prefixes to design tokens with just a few clicks.

Language: TypeScript - Size: 102 KB - Last synced at: 9 days ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

Talend/ui

Talend's unified web UI repository.

Language: JavaScript - Size: 98.5 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 154 - Forks: 53

klaufel/awesome-design-systems

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

Size: 143 KB - Last synced at: about 1 month ago - Pushed at: 6 months ago - Stars: 759 - Forks: 46

hyperstonk/zeytal-app

Zeytal Web App · From Figma to code in only one command line.

Size: 3.91 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

opentable/design-tokens

A place where OpenTable engineers and designers openly work together

Language: JavaScript - Size: 20.2 MB - Last synced at: about 22 hours ago - Pushed at: over 1 year ago - Stars: 81 - Forks: 73

leandro-mancini/ditto

Componentes de UI acessíveis, modernos e fáceis de estilizar

Language: TypeScript - Size: 1.31 MB - Last synced at: 24 days ago - Pushed at: about 2 months ago - Stars: 2 - Forks: 0

pattespatte/vanilla-css-design-system

Purely Vanilla: A Minimalist CSS Design System (no SCSS or JavaScript needed)

Language: CSS - Size: 648 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 24 - Forks: 0

color-js/palettes

Research and data on popular bespoke color palettes

Language: JavaScript - Size: 340 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 6 - Forks: 0

coderdiaz/jacaranda

A lightweight styling library for React Native

Language: TypeScript - Size: 909 KB - Last synced at: 4 days ago - Pushed at: about 2 months ago - Stars: 9 - Forks: 1

Tahul/pinceau

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

Language: TypeScript - Size: 15.5 MB - Last synced at: 9 days ago - Pushed at: 8 months ago - Stars: 686 - Forks: 20

digitalservicebund/style-dictionary

Angie Design System's design tokens (npm package)

Language: JavaScript - Size: 1.63 MB - Last synced at: about 1 month ago - Pushed at: 2 months ago - Stars: 6 - Forks: 1

telekom/design-tokens

The source of truth for designing Telekom-branded digital products

Language: JavaScript - Size: 3.93 MB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 16 - Forks: 6

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: 31.3 MB - Last synced at: about 1 month ago - Pushed at: 3 months ago - Stars: 41 - Forks: 1