An open source visual theme editor and community hub for shadcn/ui

I'd already built a theme editor for VS Code that grew into a whole community — thousands of developers creating and sharing editor themes. When shadcn/ui took over the React ecosystem, the same gap was staring me in the face: every shadcn app shipped with identical styling. Same zinc grays, same default border radius, same everything. The components were great, but customizing them meant manually editing CSS variables and guessing at color combinations until something looked decent.

So I built ShadcnThemer.com — a visual theme editor with live preview, plus a community hub where developers share, discover, and fork each other's themes. The color picker uses OKLCH color space, which is perceptually uniform — when you adjust a slider, the change looks proportional to how far you moved it, instead of the unpredictable jumps you get with HSL. You pick your colors, see them applied instantly across a full set of shadcn components, customize fonts via Google Fonts, and export in either raw CSS or the shadcn CLI registry format so themes install with a single command.

The whole thing is open source and free. Most existing tools in this space charged for basic features, which felt wrong for something that should be a community resource. I posted it on Hacker News and it hit 136 points. Someone in the thread asked for localStorage support so they wouldn't lose work mid-session — I shipped it before the conversation died down.