Show HN: Shadcn/UI theme editor – Design and share Shadcn themes (shadcnthemer.com)

136 points by miketromba 8mo ago ↗ HN

Hey, I built https://ShadcnThemer.com - a web app for creating and sharing themes for shadcn/ui, made with my some of my favorites, Next.js 15, Tailwind CSS 4, Drizzle ORM, and Supabase.

The goal was to make it easy to visually design shadcn color themes, preview them live across various example UIs, and export them straight into your projects (as CSS or via the shadcn CLI registry command).

I had a bit of experience going into this because I built the Theme Studio for VS Code in the past, but it was fun using a modern stack and leveraging Cursor to help me along the way this time.

GitHub: https://github.com/miketromba/shadcn-themer

9 comments

[ 2.8 ms ] story [ 23.4 ms ] thread

imcritic 8mo ago ↗

What is shadcn?

slig 8mo ago ↗

Thanks for sharing! What's the difference between your app and tweakcn?

edit: would also love to be able to open preview on new tabs with middle-click.

programmarchy 8mo ago ↗

I spent some time attempting to "derive" a theme given a primary and secondary color, but realized my color theory wasn't strong enough to build something reliable (I tried with both hsl and oklch). Curious if that's really possible.

QuantumNomad_ 8mo ago ↗

The infinite scroll makes it difficult to reach the links in the footer, at least on mobile.

Footer links:

GitHub repo https://github.com/miketromba/shadcn-themer

Three other links also in the footer but they only bring me to login screen:

Contact https://shadcnthemer.com/contact

jzig 8mo ago ↗

The only changes I see are colors but what if I want eg a different border radius on buttons or margin on labels or specific fonts on elements etc? I don’t find changing only the colors of components particularly valuable but would like to see more variance in the actual shapes and looks of things.

meindnoch 8mo ago ↗

>Sign in or create an account with your email

Into the trash it goes.

lavela 8mo ago ↗

I tried to open different themes in tabs for comparison, but I would have to first open each one and then manually copy the URL into a new tab because you implemented your links as <button> (which prevents both middle-click and 'open in new tab' context menu option to work).

[deleted] 8mo ago ↗

(comment deleted)

sreekanth850 8mo ago ↗

Not related to this directly, but shadcn drawer is built on the top of vaul which is unmintained, so who ever use this in production, keep this in your mind.