Pastel Dreamspurple
All collections
shadcn/ui themes using Open Sans
Every theme here sets its interface text in Open Sans. Compare how the same typeface feels with different colors, radius and shadows.
11 themes · 0 pass WCAG AA in both modes · popular fonts: Open Sans
Twitterblue
Azure Monoblue
Cyan Dawnteal
Emerald 2purple
Lavender Dawnpurple
Not-themeneutral
Orange Soft 2orange
Rebusqueblue
Red-Linered
Frequently asked questions
How do I add Open Sans to my app?
In Next.js, import Open Sans from next/font/google and assign it to the --font-sans variable on <html>. The theme's CSS already references Open Sans by name.
How do I install a open 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.