Bold Techpurple
All collections
Purple shadcn/ui themes
Purple and violet themes feel creative and premium, and they pair well with dark interfaces. These themes are a strong fit for AI products, creative tools, crypto and consumer apps.
70 themes · 7 pass WCAG AA in both modes · popular fonts: System, Inter, Geist
Catppuccinpurple
Catppuccin Latte & Mochapurple
Claymorphismpurple
Clean Slatepurple
Cosmic Nightpurple
Draculapurple
Fuchsiapurple
Indigopurple
Midnight Bloompurple
Palenightpurple
Pastel Dreamspurple
Purplepurple
Rosé Pinepurple
Violetpurple
Accessible Violetpurple
Amethyst Hazepurple
Arcpurple
AZE clientpurple
Casp3r Garage & Gatepurple
Catppuccin Violetpurple
Cendriix Aurora Slatepurple
CF - 3purple
CF - BPpurple
Claude's Careforcepurple
Claymorphism 2purple
Claymorphism 3purple
Cosmic Indigopurple
Cyberpunk Neonpurple
Draft violetpurple
Electric Neon Midnightpurple
Emerald 2purple
Frost Indigopurple
Hammertailpurple
HXZneirongpurple
Indigo Softpurple
Indigo Vividpurple
Indigo Vivid 2purple
Iris Bloompurple
Kolkapurple
Lavender Dawnpurple
Lavender Glasspurple
MetaMaskpurple
Midnightpurple
Midnight Bloom 2purple
Migo Themepurple
Migo Theme 2purple
Neon Cyberpurple
Frequently asked questions
What makes a theme purple?
We group themes by the hue of their light-mode primary color, measured in OKLCH.
How do I install a purple theme?
Open any theme and copy its shadcn CLI command (npx shadcn@latest add …), or copy the Tailwind v4 CSS into app/globals.css, replacing the :root and .dark blocks.
Are these themes free?
Yes. Every theme on shadcnthemes.com is free to use in personal and commercial projects.
Can I customize a theme?
Yes. Click “Open in editor” on any theme to change colors, fonts, radius and shadows, check contrast, and export the result.