Claymorphismpurple
All collections
shadcn/ui themes using Plus Jakarta Sans
Every theme here sets its interface text in Plus Jakarta Sans. Compare how the same typeface feels with different colors, radius and shadows.
17 themes · 1 pass WCAG AA in both modes · popular fonts: Plus Jakarta Sans
Northern Lightsgreen
Blue 2blue
Custom 1blue
DevSec Mossgreen
Ember Dawnred
Emerald Vividteal
ENECYG Mint 2neutral
Formal 2yellow
Indigo Softpurple
Mint Signalgreen
Modern Minimal 2blue
Sage Mistgreen
Sage Mossgreen
Violet Duskpurple
Violet Dusk 2purple
Frequently asked questions
How do I add Plus Jakarta Sans to my app?
In Next.js, import Plus Jakarta Sans from next/font/google and assign it to the --font-sans variable on <html>. The theme's CSS already references Plus Jakarta Sans by name.
How do I install a plus jakarta sans 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.