BrandCn/Home
Get Started
Change cover
😎

The Ultimate Theme Library

UICreated by BrandCn
•
Updated today
•v2.0 Beta

Stop wasting time tweaking HSL values. A curated collection of accessible, dark-mode ready themes forshadcn/uiandTailwind CSS.

Browse Gallery

Trending Now

Best of the month

Gemini Ultra

A futuristic, clean interface with deep blues, subtle gradients, and rounded aesthetics. Perfect for AI dashboards and modern SaaS apps.

Hero Section
CTA
Learn More

Features Database

Visual Theme Gallery

Browse 50+ themes inspired by top-tier products. Visual previews for light and dark modes.

Instant Copy

One-click to copy CSS variables. No npm install needed.

Dark Mode

Automatic dark mode support for every single theme.

Native Compatibility

Built for Shadcn Classes

Seamlessly integrates with standard utility classes like bg-primary, text-muted, and border-input.

Under the Hood

globals.css

@layer base {

:root {

--background: 0 0% 100%; // White

--foreground: 222.2 84% 4.9%; // Dark Blue

--primary: 221.2 83.2% 53.3%; // Brand Blue

--radius: 0.5rem;

}

.dark {

--background: 222.2 84% 4.9%;

--foreground: 210 40% 98%;

}

}

How to use

Browse the gallery and find a style you love
Click the 'Copy CSS' button on the card
Open your app's global.css file
Paste the variables into :root and .dark layers
Enjoy your new design system 🎉

Roadmap

Released

  • • 50+ Pro Themes
  • • Dark Mode Support
  • • Copy-Paste Logic

In Progress

  • • Theme Builder UI
  • • Color Blindness Check
  • • Contrast Scorer

Community Feedback

AAlex Rivera

"I literally just copied the Linear theme and my app looks 10x better."

SSarah Chen

"The best collection of Shadcn themes I've found. Dark mode is spot on."

MMarcus J.

"A clean way to manage design tokens without the headache."

DDavid K.

"Finally, decent palettes that work with standard Tailwind classes."

Questions