Sign in

sugarcube.sh

@sugarcube.sh
157 followers 10 following 23 posts

Design tokens in, CSS and components out. 🌐 sugarcube.sh 🐙 github.com/sugarcube-sh/sugarcube 🛠️ @marktomlinson.dev

PostsRepliesMedia
Reposted by @sugarcube.sh
Design system news @designsystems.news · 20/09/2026
Week of September 20, 2026 designsystems.news/#week-2026-9-20
102
sugarcube.sh @sugarcube.sh · 11/09/2026
👀 Show us when you're done?!?
102
Reposted by @sugarcube.sh
Mark Tomlinson @marktomlinson.dev · 12/08/2026
Added a blog to @sugarcube.sh so I can write about things like releases without just linking you out to the boring docs. First post up: O̶n̶e̶ ̶H̶u̶n̶d̶r̶e̶d̶ ̶Y̶e̶a̶r̶s̶ ̶o̶f̶ ̶S̶o̶l̶i̶t̶u̶d̶e̶ Two Years of Sugarcube
sugarcube.sh
Two Years of Sugarcube
Looking back on the past two years of sugarcube, the people who have helped shape it, and what’s next.
1103
Reposted by @sugarcube.sh
Mark Tomlinson @marktomlinson.dev · 21/07/2026
Using @sugarcube.sh to lint @sugarcube.sh 🫣
101
Reposted by @sugarcube.sh
Design system news @designsystems.news · 12/07/2026
Week of July 12, 2026 designsystems.news/#week-2026-7-12 Links by: @hankgreen.bsky.social @aresluna.org @julien-deramond.bsky.social
022
Reposted by @sugarcube.sh
Mark Tomlinson @marktomlinson.dev · 26/06/2026
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.
sugarcube.sh
Resolver Document
Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
1132
Reposted by @sugarcube.sh
Mark Tomlinson @marktomlinson.dev · 15/06/2026
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.
042
Reposted by @sugarcube.sh
Markus Finell @finell.dev · 11/06/2026
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
231
Reposted by @sugarcube.sh
Mike Jeffery @mikejeff.com · 09/06/2026
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...
sugarcube.sh
Fluid Space & Type
Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
171
Reposted by @sugarcube.sh
Design system news @designsystems.news · 07/06/2026
Week of June 6, 2026 designsystems.news/#week-2026-6-6 Links by: @adamsilverhq.bsky.social @jono.id
042
Reposted by @sugarcube.sh
Andy Bell @bell.bz · 25/05/2026
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...
piccalil.li
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.
0131
Reposted by @sugarcube.sh
Mark Tomlinson @marktomlinson.dev · 22/05/2026
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:
sugarcube.sh
Fluid Space & Type
Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
4227
Reposted by @sugarcube.sh
Scott Riley @scott.is · 21/05/2026
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...
piccalil.li
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...
56411
Reposted by @sugarcube.sh
earthwhile @earthwhile.xyz · 28/04/2026
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.
151
Reposted by @sugarcube.sh
Mark Tomlinson @marktomlinson.dev · 24/04/2026
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.
Screenshot showing @sugarcube-sh/core package having reached 1k downloads.
1304
Reposted by @sugarcube.sh
Design system news @designsystems.news · 06/04/2026
Week of April 5, 2026 designsystems.news/#week-2026-4-5
042
sugarcube.sh @sugarcube.sh · 02/04/2026
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 ⬇️
github.com
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 ...
232
Reposted by @sugarcube.sh
Andy Bell @bell.bz · 26/02/2026
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.
A design system, titled "Set.studio: Pattern Library" with a sidebar of navigation, broken into design tokens, CSS, components and regions. 

The open pattern is the "BrandSlide", which shows a red slide, titled "Ready, set, go!". In the footer of the slide, it says "Design and development partnership proposal, February 2026", followed by next and previous slide links.
2541
sugarcube.sh @sugarcube.sh · 24/02/2026
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.sh
sugarcube
Design tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.
2395