https://github.com/nuxt-modules/design-tokens

Design tokens module for Nuxt
https://github.com/nuxt-modules/design-tokens

design-system design-tokens nuxt-module

Last synced: about 2 months ago
JSON representation

Design tokens module for Nuxt

• Host: GitHub
• URL: https://github.com/nuxt-modules/design-tokens
• Owner: nuxt-modules
• License: mit
• Created: 2022-07-13T01:30:15.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-10-06T05:47:09.000Z (4 months ago)
• Last Synced: 2024-10-16T19:14:15.768Z (4 months ago)
• Topics: design-system, design-tokens, nuxt-module
• Language: TypeScript
• Homepage: https://design-tokens.nuxtjs.org
• Size: 526 KB
• Stars: 50
• Watchers: 4
• Forks: 3
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE

Awesome Lists containing this project

README

        
# @nuxtjs/style

Use [Design Tokens](https://amzn.github.io/style-dictionary/#/tokens) in your Nuxt project.

## Features

- 🚀 Powered by [Style Dictionary](https://amzn.github.io/style-dictionary)

- ✨ Lets you configure the appeareance of your Nuxt app easily

- 📦 Handles `tokens.config.ts` file

- 👨‍🎨 Goes nicely with [@nuxt-themes/config](https://themes.nuxtjs.org)

- 🎨 Offers `useTokens`, `$tokens` and `$dt` typed APIs

## Development

- Clone repository

- Install dependencies using `yarn install``

- Try playground using `yarn dev`