{"repo":"sugarcube-sh/sugarcube","free":true,"listed":false,"github":"https://github.com/sugarcube-sh/sugarcube","clone":"git clone https://github.com/sugarcube-sh/sugarcube.git","description":"Design tokens in, CSS and components out.","language":"TypeScript","stars":122,"topics":["cli","component-library","css","cube-css","design-systems","design-tokens","design-tokens-format-module","react","vite-plugin"],"license":"MIT","category":"cli-tools","readme_excerpt":"sugarcube Design tokens in, CSS & components out --- Sugarcube is a tool for building front ends on DTCG design tokens. It connects your tokens to CSS variables, utility classes, CUBE CSS, and copy-to-own components — via the Vite plugin or CLI. Quick start This walks you through setup: starter tokens, CUBE CSS, components, and Vite plugin. The CLI is installed locally, so you can use sugarcube going forward. With the Vite plugin: Without the Vite plugin: Or add it to your npm scripts: Documentation sugarcube.sh/docs Packages Package Description ------------------------------------------------------------------- -------------------------------------------------- @sugarcube-sh/cli CLI for initialization, generation, and components @sugarcube-sh/vite Vite plugin with HMR @sugarcube-sh/core Core token processing License See LICENSE.md.","default_branch":null,"files":null,"tree":[],"storefront":"/r/sugarcube-sh","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/sugarcube-sh/sugarcube/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}