@sugarcube.sh
Design tokens in, CSS and components out. 🌐 sugarcube.sh 🐙 github.com/sugarcube-sh/sugarcube 🛠️ @marktomlinson.dev
Ever wanted @sugarcube.sh to NOT generate custom properties for certain tokens - e.g.primitives that have no business in your actual code? Well, now you can control that! Read all about private sets below. And thanks to @alex.unapologetic.io for requesting this feature.
Resolver Document
Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
sugarcube.sh
Can't wait til I finish some of these new features. They've been a while in the works. Especially excited about commands like this one that will help you understand your token graph better. And (eventually) make changes to consumers directly.
Current personal project: WordPress starter theme using @sugarcube.sh, combined with a custom block plugin "Every Layout Blocks". Could be a solid setup for building pages! #everylayout #wordpress #webdev
I'm growing ever more slack-jawed with amazement and wonder as I read through these docs. The fluid typography scale recipes? WOWZA! Really well done, @marktomlinson.dev sugarcube.sh/docs/fluid-s...
Fluid Space & Type
Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
sugarcube.sh
Week of June 6, 2026 https://designsystems.news/#week-2026-6-6 Links by: @adamsilverhq.bsky.social @jono.id
From the archives: We’ve started a new project which requires heavy, creative theming, so I made a prototype to test some ideas out. piccalil.li/blog/how-wer...
How we’re approaching theming with modern CSS
We’ve started a new project which requires heavy, creative theming, so I made a prototype to test some ideas out.
piccalil.li
Forgot to mention: this shipped in @sugarcube.sh last week! No more back-and-forth between sugarcube and utopia.fyi. Thanks to @arpit.codes for helping push me to actually implement this. Check out the fluid space & type docs for more:
Fluid Space & Type
Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
sugarcube.sh
Mark Tomlinson@marktomlinson.dev · 3mo agoUtopia.fyi but in your tokens indeed.
framework-specific component libraries are wild. web components are fucking fab. in this post i walk through creating a framework-agnostic, docs-first design system setup using web standards (and @arielsalminen.com’s wonderful elena). piccalil.li/blog/framewo...
Framework-agnostic design systems: a practical approach to web components
Baking framework lock-in into your design system from day one is a recipe for obsolescence. Component documentation is often tedious and out-of-sync with development. Let’s build a documentation-first...
piccalil.li
We’re trying out @sugarcube.sh for a new project and loving it so far. It’s also making us realise just how dependent we’d become on @tailwindcss.com.
I know it's totally unimpressive and all bots or whatever but that 1k still means a lot to me. Thanks to everyone who has shown interest in, or tried out, @sugarcube.sh so far. I'm working on some demos/educational material as well as a roadmap and some exciting new features at the moment.
Week of April 5, 2026 https://designsystems.news/#week-2026-4-5
No Easter eggs but plenty of sweetness in the latest sugarcube release! - Full DTCG compliance (including fancy `$extends`) - Permutations API for for multi-brand builds and extra control over output in general - Cleaner config schema Migration guide for the config in the release notes ⬇️
Release @sugarcube-sh/core@0.2.0 · sugarcube-sh/sugarcube
Minor Changes c4fec95: ### Permutations API Thanks @aarongeorge for the feature request! A new DTCG-aligned permutations API for multi-brand and multi-theme CSS builds. Each permutation declares ...
github.com
POV you've got a new major version of your internal design system software and @sugarcube.sh to test and a proposal to make. CSS is the best design tool innit.
Hello, world. Sugarcube is now available for use. sugarcube.sh Check it out on GitHub github.com/sugarcube-sh... Or on @npmx.dev npmx.dev/org/sugarcub... Thanks for following along :)
sugarcube
Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
sugarcube.sh