Hacker News Board Hacker News, browsed like a classic message board
Live data from Hacker News

Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

shadcnthemer.com

Post reply on HN
Print view View original

1–10 of 44 posts

Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#1

Post by miketromba »

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

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

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#6

Post by QuantumNomad_ »

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:

Terms of Service https://shadcnthemer.com/terms

Privacy policy https://shadcnthemer.com/privacy

Contact https://shadcnthemer.com/contact

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#7

Post by lardissone »

QuantumNomad_ wrote: post #6

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: Terms of Service https://shadcnthemer.com/terms Privacy policy https://shadcnthemer.com/privacy Contact https://shadcnthemer.com/contact

I still can't believe this is still an issue. When lazy-loading/infinite-scroll appeared main problem was that your footer shouldn't contain any actionable information. And people still makes fall into the same issue years after.

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#8

Post by miketromba »

slig wrote: post #3

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.

Tweakcn is a great tool too. Main difference is I'm hoping ShadcnThemer will be more of a community-driven hub for sharing, starring, and forking themes - similar to how color palette websites have 1000's of user-made palettes. (I took this approach when building the Theme Studio for VS Code and it worked really well, 1000's of themes were designed and shared.)

Tweakcn also charges $ users to be able to share and save themes which I think is silly for a tool like this, should be 100% free and open source.

I also prefer the simple UX of ShadcnThemer better but I'm biased of course.

Re: Show HN: Shadcn/UI theme editor – Design and share Shadcn themes

#9

Post by jzig »

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.
Post reply on HN