Dev tools · alternatives · 2026
24 alternatives to I Made a ShadCN UI Theme Picker
The palette on the official docs is a little limited. I added some more themes with funky names and I provide the code to copy/paste into your globals.css file. Let me know if there's anything you'd like to see.
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes. I Made a ShadCN UI Theme Picker launched in 2024; newer entries below may have overtaken it.
- 1
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…
Oct 2025 · shadcnthemer.com · its alternatives →
- 2
UI Colorful▲143Effortless Shadcn and Tailwind color theme generator
2024 · uicolorful.com · its alternatives →
- 3
- 4
View, interact & search 100s of Shadcn UI components
2024 · shipixen.com · its alternatives →
- 5
tweakcn▲232Customize theme for shadcn/ui with tweakcn's interactive editor. Supports Tailwind CSS v4, Shadcn UI, and custom styles. Modify properties, preview changes, and get the code in real time.
2025 · tweakcn.com · its alternatives →
- 6
ShadcnDesign▲55Use this shadcn theme generator to create a shadcn/ui theme from one primary color. Preview live, then copy ready CSS for Tailwind v4 with light and dark mode
Feb 2026 · shadcndesign.com · its alternatives →
- 7
PixelBlock▲117Just got around to updating this to support MV3. Has been featured on HN a few times. I make this in my spare time to support user privacy. Free extension (has been for years). Mods: Would be awesome if this could hit front page so people can benefit
2014 · chromewebstore.google.com · its alternatives →
- 8
- 9
Found some abstractions in the Shadcn UI react component library and put sliders to them. Curated some google fonts. Realized I could generate an entire Next app for download in a server action. Hoping to build something which saves people time makes more unique looking apps.
2024 · dizzy.systems · its alternatives →
- 10
Generate your shadcn-ui themes, automatically and easily
2024 · its alternatives →
- 11
Effortlessly detect and customize shadcn/ui themes
2024 · chromewebstore.google.com · its alternatives →
- 12
Hi HN, I needed a distraction from the new and scary thing I was working on this weekend, so I grabbed HN's stylesheet, extracted CSS variables for every colour it defined, then re-applied them back onto HN using its own selectors (plus some extras for bits of HN which are styled inline, and some separation between header and content styling), allowing it to be themed with variables. After using them to implement a dark mode (and a pure black variant for OLED), plugging everything into my existing HN browser extension which already lets you apply custom CSS, and making it handle theme…
Apr 2026 · github.com · its alternatives →
- 13IB
I'm excited to introduce Robust Design Systems – a tool to make creating and managing design systems easier than ever. With the visual component editor, you can customize shadcn component variants without touching any code. When you're done, simply export the code instantly! I'd love to hear your feedback and see how I can make it even better!
2024 · robustlaunch.com · its alternatives →
- 14
The Smartest Way to Design Harmonized Themes
2025 · shadcnthemes.vercel.app · its alternatives →
- 15IM
I built a visual editor that helps you: - Create shadcn/ui component variants without writing code - Test hover, focus, and disabled states in real-time - Export production-ready TypeScript code with proper styles - Manage semantic colors and themes visually It's designed to make shadcn/ui component customization more accessible while maintaining its code quality and best practices! Perfect for developers who love shadcn but want a visual way to customize components.
2024 · robustlaunch.com · its alternatives →
- 16
Create beautiful Shadcn UI themes in seconds
2024 · readyjs.dev · its alternatives →
- 17
10000+ unique themes for shadcn/ui for your project.
2024 · ui.jln.dev · its alternatives →
- 18
shieldcn▲10hey hn! been working on a small side project called shieldcn and just added a badge builder + community showcase. the shieldcn project was so well recieved and I got some great feedback, so coming here in hopes I get more. https://www.shieldcn.dev/showcase the idea is just to make badges that feel a bit more like real UI instead of the usual shields style ones you can mess around with styles, icons, themes and share whatever you make still super early so mostly trying to figure out if this is actually useful or if i'm missing something obvious if anything feels off or…
Apr 2026 · shieldcn.dev · its alternatives →
- 19
Build polished and accessible shadcn/ui themes in seconds
Dec 2025 · shadcnthemes.app · its alternatives →
- 20MS
linkrdr (www.linkrdr.com), a personal link aggregator, was directly inspired by http://news.ycombinator.com/item?id=3555923 I read while browsing on HN. It's still a bit rough, but the concept is an interesting one and people have already shown interest. Let me know what you think. Also, if anyone knows a good UX designer, email me :)
2012 · its alternatives →
- 21
- 22
Nextjsshop▲14Beautiful shadcn/ui templates & next.js components
Nov 2025 · nextjsshop.com · its alternatives →
- 23
- 24
Switch and preview Shadcn UI theme live no code, no redeploy
2025 · chromewebstore.google.com · its alternatives →
Also compare
Ranked by how close each launch is in meaning, then by votes. Prices were read from each product’s own site when checked and can change. Refine with your own description →