Dev tools · alternatives · 2026
24 alternatives to ShadcnDesign
Use 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
Below are 24 products that do a similar job, ranked by how close each is in meaning and then by launch-day votes.
- 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
All the essential shadcn/ui components and blocks for Figma
Dec 2025 · shadcncraft.com · its alternatives →
- 3
UI Colorful▲143Effortless Shadcn and Tailwind color theme generator
2024 · uicolorful.com · its alternatives →
- 4
21st.dev▲1,211I originally built this app to organize and reuse interesting React + Tailwind components I came across on Twitter, inspired by the shadcn/ui approach. Later, a friend started contributing their own components, and it got me thinking—this could grow into something bigger, like an NPM for design engineers to share and use components. Would love to hear your thoughts!
2025 · 21st.dev · its alternatives →
- 5
View, interact & search 100s of Shadcn UI components
2024 · shipixen.com · its alternatives →
- 6
Shadcnblocks▲361The ultimate block set for shadcn/ui, Tailwind, and React
Nov 2025 · shadcnblocks.com · its alternatives →
- 7
Create beautiful Shadcn UI themes in seconds
2024 · readyjs.dev · its alternatives →
- 8
UIHUT▲48430,000 + design resources, Figma, Webflow, Tailwind & more
2023 · uihut.com · its alternatives →
- 9
Access 21000+ resources by copy paste from Figma plugin
2022 · figma.com · its alternatives →
- 10
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 →
- 11
Accelerate development with 1000+ Awesome Shadcn UI Component Library, Blocks, UI Kits, Boilerplates, Templates & Themes with Base UI, Radix UI & AI Tools.
2025 · shadcnstudio.com · its alternatives →
- 12
The Figma UI kit built for shadcn/ui products
Feb 2026 · shadcnbaseui.com · its alternatives →
- 13
Generate your shadcn-ui themes, automatically and easily
2024 · its alternatives →
- 14
700+ free Figma sections built for Tailwind CSS
2022 · figma.com · its alternatives →
- 15
- 16
FlowBite Figma▲241Figma UI kit built for integration with Tailwind CSS
2021 · flowbite.com · its alternatives →
- 17
React component for a visual way to create UIs
2024 · github.com · its alternatives →
- 18
Foundation▲143Generate Figma variables based on Tailwind utility classes
2024 · figma.com · its alternatives →
- 19
- 20
Convert Figma designs into Tailwind CSS code in 1 click
2023 · figma-to-tailwind-css.com · its alternatives →
- 21
- 22IV
2021 · figma.com · its alternatives →
- 23
3600+ responsive web app UI components for Figma
2021 · uxbin.com · its alternatives →
- 24
Launch UI▲15Animated landing page components made with Tailwind & Shadcn
2024 · launchuicomponents.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 →