Browse

All
611
Templates
60
Component Library
310
Primitives
6
Fonts
2
Block Library
87
Boilerplates
30
Sounds
7
Figma
8
Maps
4
Icons
14
Shaders
4
Charts
10
Form Builder
9
Theme Generator
15
AI Chat / AI App
13
Site Builder
8
IDE Extensions
2
Aggregator
6
Admin Dashboard
30

Resources

Guides
Brands
Free tools
Galleries
Built At Lightspeed

Home
Categories
Theme Generator

Shadcn Theme Generator^{15 listings}

This collection covers tools for creating and choosing shadcn/ui themes: visual editors, generators that start from a single brand color, AI-assisted preset finders and galleries of ready-made themes. Most export Tailwind CSS v4 variables in OKLCH and support installing a theme with the shadcn CLI.

Shadcnblocks

The ultimate block set for shadcn/ui & Tailwind. 1,630 blocks, 1,684 components, and 15 templates for React, Next.js & Astro.

Shadcn Preview

500 free shadcn/ui presets and themes across all 8 shadcn styles, previewed on real landing page, dashboard and login blocks. Copy a preset code or install it with one command.

Shadcn Themes

641 free shadcn themes for shadcn/ui and Tailwind v4 plus a theme builder. Preview every theme in light and dark, then copy the CSS or install it with the shadcn CLI.

themux

A theme customizer for shadcn/ui with Tailwind v4 support, live previews and one-click CSS export.

ShadCN Themer

Create, customize and share shadcn/ui themes, and browse thousands of community-made themes.

DesignRevision Shadcn Theme Generator

Turn one color into an accessible WCAG-AA shadcn/ui theme in OKLCH, with light and dark modes and live preview.

Shadesigner

A WCAG-compliant palette generator and theme designer for shadcn/ui, including editing of existing themes.

Shadcnblocks Themes

39+ free and premium shadcn/ui themes with light and dark modes, display and body fonts, and one-line CLI install. Apply any theme to every block and component.