Topic: design-tokens Goto Github

👇 Here are 236 public repositories matching this topic...

5t3ph / a11y-color-tokens
design-tokens,Generate accessible UI colors from your base color tokens.
User: 5t3ph
Home Page: https://www.npmjs.com/package/a11y-color-tokens
accessibility a11y color design-tokens design-system tokens sass css

adobe / spectrum-tokens
design-tokens,Tokens used by Spectrum, Adobe's design system.
Organization: adobe
Home Page: http://opensource.adobe.com/spectrum-tokens/visualizer/
design-system design-tokens hacktoberfest

almazrafi / fugen
design-tokens,Command line tool for exporting resources and generating code from your Figma files
User: almazrafi
swift codegenerator figma figma-api xcode xcode-assets design-systems design-tokens codegen ios

amzn / style-dictionary
design-tokens,A build system for creating cross-platform styles.
Organization: amzn
Home Page: https://amzn.github.io/style-dictionary/#/
style styleguide design-systems cross-platform design-tools build-system build-tool design-tokens style-tokens

ardov / huetone
design-tokens,A tool to create accessible color systems
User: ardov
Home Page: https://huetone.ardov.me
cielab color contrast design-system design-tokens

bem / themekit
design-tokens,Build system of design-tokens for any platforms
Organization: bem
design-tokens style-tokens build-system design-system design-tool style-dictionary

components-ai / css.gui
design-tokens,Visual development environment for CSS
Organization: components-ai
Home Page: https://components.ai/css-gui
css gui react parametric design-tools design design-tokens parametric-design

decathlon / vitamin-web
design-tokens,Decathlon Design System UI components for web applications
Organization: decathlon
Home Page: https://decathlon.github.io/vitamin-web
design-system libraries components design-tokens ui-components ui-kit styleguide yarn showcases vitamin

design-tokens / community-group
design-tokens,This is the official DTCG repository for the design tokens specification.
Organization: design-tokens
Home Page: https://tr.designtokens.org
design-tokens design-systems design-system

didoo / style-dictionary-demo
design-tokens,A demonstration of a setup of Style Dictionary to be used for the generation of design tokens
User: didoo
design-tokens style-dictionary design-systems

diez / diez
design-tokens,The Design Token Framework — Adopt a unified design language across platforms, codebases, and teams
Organization: diez
Home Page: https://diez.org
design-tokens design-systems design-language cross-platform compiler ios-style android-style web-styles style

drwpow / cobalt-ui
design-tokens,Use W3C Design Token Community Group tokens in CI and code
User: drwpow
Home Page: https://cobalt-ui.pages.dev
css design design-system design-systems design-tokens dtcg sass style style-tokens tokens typescript w3c

finastra / finastra-design-system
design-tokens,The Finastra Design System provided as a theme and components library
Organization: finastra
Home Page: https://design.fusionfabric.cloud/
components design-system ui ux-design theme web-components css design-tokens finance fintech

glrodasz / cero-components
design-tokens,Component library for Cero a Producción Project
User: glrodasz
Home Page: https://cero-components.vercel.app
atomic-design design-tokens storybook react design-system components

gustavoquinalha / design-tokens-generator
design-tokens,Create your Semantic Style Variables (Universal language for developers and designers).
User: gustavoquinalha
Home Page: https://gustavoquinalha.github.io/design-tokens-generator/
design-systems design-tokens tokens

hashicorp / design-system
design-tokens,Helios Design System
Organization: hashicorp
Home Page: https://helios.hashicorp.design
design-system hashicorp design-systems icons components design-tokens helios emberjs

ingrammicro / puzzle-tokens
design-tokens,Batch create, manage and update Sketch styles and symbols using SCSS/LESS
Organization: ingrammicro
sketch-plugin less design-systems design-tokens sass css

juntossomosmais / atomium
design-tokens,Atomium is an internal design system for 'Juntos Somos Mais' using Web Components
Organization: juntossomosmais
Home Page: https://juntossomosmais.github.io/atomium/
custom-elements design-system ionic stenciljs web-components webcomponents nx storybook typescript design-systems

klaufel / awesome-design-systems
design-tokens,📒 A curated list of bookmarks, resources and articles about design systems focused on developers.
User: klaufel
design design-systems design-system reusable-components figma digital-products storybook atomic-design css design-tokens

lukasoppermann / design-tokens
design-tokens,🎨 Figma plugin to export design tokens to json in an amazon style dictionary compatible format.
User: lukasoppermann
Home Page: https://www.figma.com/community/plugin/888356646278934516/Design-Tokens
figma figma-plugin figma-api design-system design-tokens amazon-style-dictionary style-dictionary

lukasoppermann / style-dictionary-utils
design-tokens,Utilities to use in your style dictionary config
User: lukasoppermann
config design-tokens style-dictionary

marigold-ui / marigold
design-tokens,Design System based on react-aria and Tailwind CSS
Organization: marigold-ui
Home Page: https://marigold-ui.io
a11y aria component-library design-system design-tokens react react-aria style tailwind tailwindcss theme ui

mateoroldos / tokenbase
design-tokens,Create, manage and distribute design tokens.
User: mateoroldos
Home Page: https://token-base.com
css design-system design-system-manager design-tokens ui-design

material-foundation / material-tokens
design-tokens,Material Design DSP
Organization: material-foundation
dsp material material-design tokens design-tokens json vscode

microsoft / figma-variables-import
design-tokens,Variables Import plugin for Figma
Organization: microsoft
Home Page: https://www.figma.com/community/plugin/1253424530216967528
design-tokens figma figma-plugin tokens variables

mikaelvesavuori / figmagic
design-tokens,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.
User: mikaelvesavuori
Home Page: https://docs.figmagic.com
figma figma-api design-specs design-tokens tokens ux design-system design-systems hacktoberfest

mikaelvesavuori / figmagic-example
design-tokens,Using Figmagic (simplifying design token generation and asset extraction) with Webpack 5, React 16, Styled Components.
User: mikaelvesavuori
Home Page: https://figmagic.com
figma figma-api design-specs design-tokens tokens theo ux webpack4 react styled-components boilerplate example

mrmartineau / design-system-utils
design-tokens,👩‍🎨 Access your design tokens with ease
User: mrmartineau
Home Page: https://zander.wtf
styled-components emotion css-in-js react preact tokens design-tokens typescript

nado1001 / style-dictionary-tailwindcss-transformer
design-tokens,This is a plugin to generate the config of Tailwind CSS using Style Dictionary
User: nado1001
Home Page: https://www.npmjs.com/package/sd-tailwindcss-transformer
style-dictionary design-tokens tailwindcss design-system tailwind

nuxt-modules / design-tokens
design-tokens,Design tokens module for Nuxt
Organization: nuxt-modules
Home Page: https://design-tokens.nuxtjs.org
design-system design-tokens nuxt-module

opentable / design-tokens
design-tokens,A place where OpenTable engineers and designers openly work together
Organization: opentable
Home Page: https://opentable.github.io/design-tokens/
design design-tokens design-systems

peruvianidol / coolcss
design-tokens,The last CSS framework I'll (hopefully) ever have to make
User: peruvianidol
Home Page: https://coolcss.dev
css css-framework design-tokens design-system

royal-navy / design-system
design-tokens,Build web applications that meet the Royal Navy service standards
Organization: royal-navy
Home Page: https://storybook.design-system.navy.digital.mod.uk
design-system monorepo react storybook component-library design-tokens fonts icons lint-config

salesforce-ux / theo
design-tokens,Theo is a an abstraction for transforming and formatting Design Tokens
Organization: salesforce-ux
design-systems design-tokens

sammdec / theme-ui-native
design-tokens,Build consistent, themeable React Native apps based on constraint-based design principles
User: sammdec
react design-system style theme design-tokens react-native ui color typography layout

shopify / polaris
design-tokens,Shopify’s design system to help us work together to build a great experience for all of our merchants.
Organization: shopify
Home Page: https://polaris.shopify.com
shopify-polaris react typescript design-system component-library design-systems design-tokens figma-plugin icons vscode-extension

shopify / polaris-tokens
design-tokens,Design tokens for Polaris, Shopify’s design system
Organization: shopify
Home Page: https://polaris.shopify.com
design-systems design-tokens shopify-polaris shopify polaris

specifyapp / parsers
design-tokens,Specify helps you unify your brand identity by collecting, storing and distributing design tokens and assets — automatically.
Organization: specifyapp
Home Page: https://specifyapp.com
design design-system design-tokens design-api style-dictionary tailwindcss theme-ui jss react-native svgo

sturobson / awesome-design-tokens
design-tokens,A list of resources on all things to do with Design Tokens
User: sturobson
design-tokens design-system design-systems

system-props / system-props
design-tokens,Responsive, theme-based style props for building design systems with React. Written in TypeScript.
Organization: system-props
Home Page: https://system-props.com
styled-system css-in-js design-system style-props tokens theming design-tokens styled-components emotion css

system-ui / theme-specification
design-tokens,A specification for defining theme objects & design tokens for use with UI components
Organization: system-ui
Home Page: https://system-ui.com/theme
design-tokens themes theming css design-systems design

system-ui / theme-ui
design-tokens,Build consistent, themeable React apps based on constraint-based design principles
Organization: system-ui
Home Page: https://theme-ui.com
style theme design-system design design-tokens ui color typography layout react

tahul / pinceau
design-tokens,🖌️ Make your <script> lighter and your <style> smarter
User: tahul
Home Page: https://pinceau.dev
css-in-ts design-tokens developer-experience vue zero-runtime

talend / ui
design-tokens,Talend's unified web UI repository.
Organization: talend
Home Page: http://talend.surge.sh
talend lerna react bootstrap3-theme javascript reactjs react-redux react-components design-system design-tokens

tokens-studio / figma-plugin
design-tokens,Official repository of the plugin 'Tokens Studio for Figma' (Figma Tokens)
Organization: tokens-studio
Home Page: https://www.figma.com/community/plugin/843461159747178978
figma tokens styles design-tokens

ui-js / chromatic
design-tokens,A build system for managing cross-platform design systems using design tokens.
Organization: ui-js
design-systems design-tokens

universal-design-tokens / udt
design-tokens,Universal Design Tokens (UDT) is a collection of libraries and utilities for working with DTCG design tokens files.
Organization: universal-design-tokens
Home Page: https://udt.design/
design-tokens parser serializer design-systems dtcg

ux-and-i / storybook-design-token
design-tokens,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.
Organization: ux-and-i
Home Page: https://dev.to/psqrrl/managing-design-tokens-using-storybook-5975
storybook storybook-addon design-system design-pattern design-tokens react angular vue sass svg addon stylesheets css

visualjerk / vue-cion-design-system
design-tokens,CION - Design system boilerplate for Vue.js
User: visualjerk
Home Page: https://cion.visualjerk.de
vue design-system design-tokens livingstyleguide living-documentation vuejs components design-systems

wikimedia / design-codex
design-tokens,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/
Organization: wikimedia
Home Page: https://doc.wikimedia.org/codex/main/
vue design-system design-tokens iconset