TokenCSS

Token CSS is a new tool to seamlessly integrate Design Tokens into your dev workflow ✨ 😍 Author `.css` + `<style>` blocks 💄 Powered by custom properties ⚙️ Config uses @DesignTokens format 🚀 Built-in, modern presets 🧑‍🚀 @astrodotbuild support tokencss.com

4️⃣ You can launch a Token CSS demo project from the tokencss.com page with but a button! twitter.com/tokencss/statu…

@JBTurtlin @code Yes, would love to move from Code to a generic LSP!

Some frequently asked questions about @tokencss, answered.

"Can you automatically generate utility classes?" The point of Token CSS is to keep your styles in `.css`, so we're not really considering this. There are lots of other great tools that do this, though!

"Hmm... I don't get it." That's on us more than it's on you! We don't have proper docs yet, but we're working on it 😉

It's official: Token CSS is the first CSS-in-CSS library.

@code @astrodotbuild Want to try it for yourself? Take our demo project for a spin on @stackblitz! stackblitz.com/edit/tokencss-…

Our official @Code extension unlocks the full power of Design Tokens in your CSS. It already works in @astrodotbuild files, too! 🎉 marketplace.visualstudio.com/items?itemName…

Token CSS is a new tool to seamlessly integrate Design Tokens into your dev workflow ✨ 😍 Author `.css` + `<style>` blocks 💄 Powered by custom properties ⚙️ Config uses @DesignTokens format 🚀 Built-in, modern presets 🧑‍🚀 @astrodotbuild support tokencss.com

Too much CSS-in-HTML and CSS-in-JS. Not enough CSS.

What is @tokencss? The most seamless way to bring design tokens into code—no new syntax to learn, just CSS and a bit of magic ✨ Stay tuned.

@n_moore @tokencss @astrodotbuild Thank you for the shout out and your work advocating for design tokens! Excited about the tooling you build to help lower the barrier of entry into this world 🙏🏻

Thanks for having us, @FrontendHorse! ❤️ If anybody wants to get involved with TokenCSS, feel free to drop by our GitHub or DM @n_moore. github.com/tokencss/token…

If you love design tokens almost as much as you love CSS, @tokencss is the tool for you! Join us for the debut of Token CSS! Might as well play with @astrodotbuild, too. 😉

👀 github.com/tokencss/token…