Catppuccinpurple
All collections
shadcn/ui themes using Montserrat
Every theme here sets its interface text in Montserrat. Compare how the same typeface feels with different colors, radius and shadows.
15 themes · 0 pass WCAG AA in both modes · popular fonts: Montserrat
Midnight Bloompurple
Naturegreen
Concrete Rustneutral
Forest Linengreen
Honey Gloworange
Indigo Vividpurple
LK COLORSgreen
Musicred
Neon Blockgreen
Ninjagreen
Rose Cobaltblue
Sky samba 2blue
Violet Bloom 2purple
Frequently asked questions
How do I add Montserrat to my app?
In Next.js, import Montserrat from next/font/google and assign it to the --font-sans variable on <html>. The theme's CSS already references Montserrat by name.
How do I install a montserrat 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.