Came across this design system that actually makes theme customization painless (Live previews, Storybook support, Dark mode)
Hey everyone,
I was recently looking into better ways to handle theme configurations without having to hardcode everything or constantly hit refresh, and I stumbled on this walkthrough for Space DS 2.x (Space Design System).
It looks like they’ve added a really smooth live preview directly in the admin panel. You can toggle dark/light mode, swap device views, and tweak typography/colors with real-time updates—no saving and reloading required.
A huge plus for me is that it has native Storybook integration for SDC (Single Directory Components). I know getting Storybook to play nice can sometimes be a headache, but the props and dynamic slots seem to map over perfectly here. They also showed off their Lighthouse scores in the video and it's pulling a 99 on mobile, which is pretty sweet.
Anyway, I thought it was a really neat approach to bridging the gap between the admin UI and the frontend. Figured some of you might find it useful if you're building out landing pages or managing complex themes.
Here’s the walkthrough if you want to see the UI in action: YouTube Video Link
Has anyone used this (or a similar setup) in a production environment yet? Curious to hear how it scales!
[link] [comments]