Bubblegumpink
All collections
shadcn/ui themes using Poppins
Every theme here sets its interface text in Poppins. Compare how the same typeface feels with different colors, radius and shadows.
14 themes · 0 pass WCAG AA in both modes · popular fonts: Poppins
Candylandpink
Design MyEduc360blue
Mythemered
Red Softorange
Reddred
Rose Vividyellow
Rose Vivid 2pink
Rose Vivid 3yellow
Slate Minimal 3green
Via Arantesneutral
Violet green Discopurple
Frequently asked questions
How do I add Poppins to my app?
In Next.js, import Poppins from next/font/google and assign it to the --font-sans variable on <html>. The theme's CSS already references Poppins by name.
How do I install a poppins 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.