Mocha Mousseorange
All collections
shadcn/ui themes using DM Sans
Every theme here sets its interface text in DM Sans. Compare how the same typeface feels with different colors, radius and shadows.
15 themes · 0 pass WCAG AA in both modes · popular fonts: DM Sans
Ocean Breezegreen
Graphite Mononeutral
Honey Sandstoneneutral
Loanstackblue
OpenProfile Noirneutral
OSVorange
Red Soft 2red
Templateneutral
The Gray Catneutral
Veritasneutral
Zucarblue
Frequently asked questions
How do I add DM Sans to my app?
In Next.js, import DM Sans from next/font/google and assign it to the --font-sans variable on <html>. The theme's CSS already references DM Sans by name.
How do I install a dm 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.