styledictionarytailwindbridge

KO | EN

gitlite — search

#javascript #python #hacktoberfest #ai #llm #machine-learning #rust #nodejs #awesome #cli #awesome-list #security #pytorch #mcp

styledictionarytailwindbridge

(★ 29)

A Design System based on Style Dictionary Tokens, converted into TailwindCSS Objects, which are then imported into the tailwind.config.js.

styledictionarytailwindbridge Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Styledictionarytailwindbridge

A Bridge between [Amazons Styledictionary](https://amzn.github.io/style-dictionary/#/ "Amazons Styledictionary Tokens Build System") Tokens Build System and [TailwindCSS](https://tailwindcss.com/).

## Introduction
Wouldn't it be nice to inject your [Amazon Styledictionary Custom Properties](https://amzn.github.io/style-dictionary/#/formats?id=cssvariables) to your [tailwind.config.js](https://tailwindcss.com/docs/theme#customizing-the-default-theme)?

## The Bridge
You can find more informations about the process of converting the style dictionary tokens to custom tailwind formats inside the [styledictionary tailwind formats](https://github.com/StefanKandlbinder/styledictionarytailwindbridge/tree/main/src/styledictionary/formats) section.

## The Documentation
To show the final outcome, i created a little Angular/TailwindCSS App based on the generated tokens.
This demo is hosted under the pseudonym [Stylewind](https://stylewind.netlify.app/) on Netlify(https://www.netlify.com/).

styledictionarytailwindbridge

styledictionarytailwindbridge Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

styledictionarytailwindbridge

styledictionarytailwindbridge Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README