TokenCSS

Bringing the power of CSS-in-JS to uh… CSS ✨ • Tweets by @n_moore

[TokenCSS @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

https://t.co/DmeUu0qahD

[Tomek Sułkowski @sulco]

4️⃣ You can launch a Token CSS demo project from the https://t.co/tX1GFcN1H8 page with but a button!

https://t.co/ladI6IXJgi

[TokenCSS @tokencss]

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

[TokenCSS @tokencss]

Some frequently asked questions about @tokencss, answered.

[TokenCSS @tokencss]

"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!

[TokenCSS @tokencss]

"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 😉

[TokenCSS @tokencss]

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

[Nate Moore is on 🦋 @n_moore]

@FredKSchott The first CSS-in-CSS library!

[TokenCSS @tokencss]

@code @astrodotbuild Want to try it for yourself? Take our demo project for a spin on @stackblitz!

https://t.co/M0IL2IR2k0

[TokenCSS @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

https://t.co/DmeUu0qahD

[TokenCSS @tokencss]

Our official @Code extension unlocks the full power of Design Tokens in your CSS. It already works in @astrodotbuild files, too! 🎉

https://t.co/tMq1i4xZAd

[TokenCSS @tokencss]

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

[Nate Moore is on 🦋 @n_moore]

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.

[Kaelig @kaelig]

@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 🙏🏻

[TokenCSS @tokencss]

Thanks for having us, @FrontendHorse! ❤️

If anybody wants to get involved with TokenCSS, feel free to drop by our GitHub or DM @n_moore.

https://t.co/v1AETaNpoN

[Nate Moore is on 🦋 @n_moore]

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. 😉

[TokenCSS @tokencss]

👀 https://t.co/jckOr4QLYK