Themes & Customizations

A free, open-source tool for customizing shadcn/ui themes. Easily change colors, export themes, and manage them with local storage for enhanced app development.

A theme integrating ShadCN UI with react-jsonschema-form, complete with a form builder for streamlined React form development and styling.

Tinte is an opinionated theme generator, empowering users to effortlessly create, customize, and export stunning color themes for VS Code and shadcn/ui.

An interactive Next.js tool for discovering, customizing, and exporting themes for Tailwind CSS and Shadcn/UI applications, with real-time visual feedback.

A refine.dev theme integration leveraging shadcn-ui, offering pre-built components for List, Show, Create, and Edit pages to accelerate development.

Palettify offers beautiful themes with instant previews for UI libraries like shadcn-ui and MUI, easily copied into your apps.

MantineHub provides developers with Shadcn-inspired themes and UI blocks for Mantine, streamlining UI creation through easy style adjustments and direct theme export.

Access an expansive library of 10,000+ themes, including VS Code adaptations, for effortless shadcn/ui component customization.

Discover, preview, and integrate diverse themes into your shadcn/ui projects with this Next.js 13 theme explorer and community-driven collection.

Spicetify-ShadeX is a minimalist theme for Spotify, drawing inspiration from shadcn/ui design principles for a clean and modern user interface.

Fluid is a Hydrogen theme enabling easy creation of Shopify headless storefronts, organizing content seamlessly with the Sanity CMS.

An evolving theme generator for shadcn UI components, designed to simplify visual customization. Currently a work in progress, with new features planned.

A Gatsby theme faithfully porting the WordPress Twenty Twenty-One design, with Gutenberg block support, menus, and blog customization.

Extend shadcn/ui with this customizer to visually tweak themes, adjust CSS variables, and generate code for your project.

Integrate the Flexoki color scheme seamlessly with shadcn/ui components for a visually appealing and consistent user interface.

A collection of four Catppuccin pastel themes (Latte, Frappé, Macchiato, Mocha) designed for easy integration with shadcn/ui components via CSS variables.

A CLI tool for generating custom shadcn/ui themes by defining primary, secondary, accent, and gray Tailwind colors, outputting CSS variables.

A playground showcasing Chadcn UI button themes and CVA variants integrated with upcoming Nativewind v4 features for custom UI development.

A CSS theme to seamlessly integrate Clerk authentication components (<SignIn />, <SignUp />, <UserButton />, <UserProfile />) with your shadcn/ui styling.

A React component offering an intuitive UI for real-time Shadcn theme color customization and management, ideal as a development tool.

A user-friendly component simplifying management and customization of theme colors in Shadcn-based projects, featuring an intuitive UI.

A curated collection of modern background snippets, easily integrated with Tailwind CSS and Vanilla CSS for developers to enhance their projects.

An open-source registry for Shadcn components, blocks, and templates, integrated with a visual theme editor for rapid UI customization and development.

A curated collection of free and premium Shadcn UI templates and resources designed to accelerate your development process and enhance creative projects.

Explore over 10,000 themes and generate custom feedback colors (success, warning, error, info) for your shadcn/ui projects effortlessly.

Shadesigner is a beautiful tool for developers to generate palettes and design themes specifically for the shadcn/ui library, simplifying customization.

Effortlessly design unique shadcn UI themes using a single base color. Copy and paste generated styles into your apps for rapid customization.

This AI tool quickly generates customized shadcn/ui themes from keywords. Craft unique, consistent designs with real-time previews for your projects in seconds.

Explore diverse shadcn/ui themes, preview their impact on components, and easily copy CSS for seamless integration into your projects.