Design token generator

This tool allows you to define tokens for various categories, such as Font Family, and convert them into different formats like PostCSS, Sass, or JSON. Add new token categories and rows dynamically, update your tokens, and instantly preview and copy the generated CSS code. Ideal for maintaining consistent design systems across your projects.

#_
framer logo

Just publish it with Framer

The website builder loved by designers.

Font Family

/* fontFamily */

#_
framer logo

Premium themes crafted with Astro and Tailwind CSS

A growing collection of unique, non-cookie-cutter themes.