Design-Tokens Packages

Tailwind config based on @navikt/ds-tokens

Colors are now one less thing to worry about.

Design Tokens for the Minoris Design System

The design tokens for Mira Design System

CSS mixins for Qwik UI components in @ipohjs

CSS tokens for Qwik UI components in @ipohjs

Design tokens as PostCSS variables, media queries, and mixins for Gravity Flow development.

Design tokens as PostCSS variables, media queries, and mixins for Gravity Forms development.

Origami buttons with design tokens

Origami foundations with design tokens

Origami typography with design tokens

Origami web-tokens with design tokens

This example code is bare-bones to show you what this framework can do. If you have the style-dictionary module installed globally, you can `cd` into this directory and run: ```bash style-dictionary build ```

This example code is bare-bones to show you what this framework can do. If you have the style-dictionary module installed globally, just cd into this directory and run: ```bash style-dictionary build ```

A set of design tokens for the components project

A react component to view/edit design token values

A React hooks library for integrating and managing Figma Variables in your React and React-Native application.

Design Tokens for the Niche Design System

Gets styles from a figma project. Will return a typescript file with your defined styles from figma

This program is a command-line tool for converting design tokens from a JSON file into CSS variables. It allows designers and developers to use design tokens in their front-end code, ensuring consistency and making it easier to update the design system.