Best Theme Generators for ShadCN & Tailwind
Created at October 8, 2025 • Updated 10/8/2025
No description provided for this collection.
https://www.21oss.com//curated/best-theme-generators-for-shadcn-and-tailwindLink Copied!
Curated by
B
BroKarim
@BroKarim
TweakCN is a powerful Visual Theme Editor designed specifically for Tailwind CSS and shadcn/ui components. It provides beautiful theme presets to help you get started quickly, while offering advanced customization capabilities for every aspect of your UI. The tool enables developers to visually tweak and perfect their component themes with ease.
1 / 2
Details:
Stars
9,055Forks
562Last commit
22 days agoRepository age
10 monthsLicense
Apache-2.0
Fetched from GitHub .
Discover over 1000 ready-to-use themes for shadcn/ui — instantly style your components with curated design presets for faster, more beautiful interfaces.
Tech Stack:
1 / 2
Details:
Stars
1,278Forks
59Last commit
13 days agoRepository age
2 yearsLicense
MIT
Fetched from GitHub .
Shadcn Studio is an interactive visual development tool that streamlines the creation and customization of shadcn/ui components. It provides a drag-and-drop interface and real-time preview capabilities, allowing developers to build, configure, and export production-ready React components without manually writing boilerplate code. The tool accelerates UI development workflows by offering visual controls for component styling, theming, and configuration while maintaining the flexibility and code quality that shadcn/ui is known for.
Tech Stack:
1 / 3
Details:
Stars
1,019Forks
79Last commit
2 months agoRepository age
9 months
Fetched from GitHub .
Bootswatch provides a collection of free, open-source themes for Bootstrap, the popular front-end framework. Each theme is a drop-in replacement for Bootstrap's default styling, allowing developers to quickly customize the appearance of their web applications without writing custom CSS. The themes are built using Bootstrap's Sass variables and maintain full compatibility with Bootstrap components, ensuring seamless integration. Bootswatch is ideal for developers who want professional-looking designs without the overhead of hiring a designer or spending time on custom styling.
Tech Stack:
1 / 3
Details:
Stars
14,770Forks
3,663Last commit
1 month agoRepository age
14 yearsLicense
MIT
Fetched from GitHub .
AI-powered theme generation for modern applications Tinte is an AI-powered theme editor that generates beautiful, consistent themes for your applications. Simply describe your desired aesthetic in natural language, and our AI will create a complete theme with color palettes, component styles, and export options for popular platforms like shadcn/ui and VS Code.
1 / 3
Details:
Stars
558Forks
33Last commit
19 hours agoRepository age
2 years
Fetched from GitHub .
Radix Themes is a comprehensive design system and component library built on top of Radix UI primitives. It provides pre-styled, production-ready React components with built-in accessibility, dark mode support, and responsive design. The library offers a cohesive visual language with customizable themes, allowing developers to rapidly build modern web applications without sacrificing accessibility or design quality. Perfect for teams seeking a balance between design flexibility and development speed.
Tech Stack:
1 / 3
Details:
Stars
8,002Forks
304Last commit
28 days agoRepository age
3 yearsLicense
MIT
Fetched from GitHub .
daisyUI is a popular component library built on top of Tailwind CSS that provides pre-designed, customizable UI components. It offers semantic class names for buttons, cards, modals, navigation bars, and dozens of other components, eliminating the need to write repetitive utility classes. With built-in theming support, developers can quickly build beautiful, responsive interfaces while maintaining Tailwind's utility-first approach and keeping bundle sizes small through PurgeCSS compatibility.
Tech Stack:
1 / 3
Details:
Stars
39,900Forks
1,598Last commit
17 hours agoRepository age
5 yearsLicense
MIT
Fetched from GitHub .
Subframe is a visual development platform that enables developers and designers to build production-ready React applications through a combination of visual editing and code. It bridges the gap between design tools and development workflows by providing a component-based system that generates clean, maintainable React code. The platform focuses on accelerating UI development while maintaining full code ownership and customization capabilities, making it ideal for teams building modern web applications who want to move faster without sacrificing code quality or developer control.
Tech Stack:
1 / 3
Details:
Stars
350Forks
41Last commit
2 days agoRepository age
2 years
Fetched from GitHub .
A collection of re-usable components built using Radix UI and Tailwind CSS. Unlike traditional component libraries, shadcn/ui components are not installed as dependencies but copied directly into your project, giving you full ownership and control over the code.
Tech Stack:
1 / 3
Details:
Stars
104,752Forks
7,657Last commit
18 hours agoRepository age
3 yearsLicense
MIT
Fetched from GitHub .
Command Palette
Search for a command to run...