Announcing our new website built with Next.js and shadcn/ui, plus brand-new Themes and a free, no-login Academy for everyone.

Today we’re launching our new website, rebuilt from the ground up with Next.js 15, React 19, and shadcn/ui. The new stack gives us faster load times, better accessibility, and a more cohesive experience across all pages — from browsing components and templates to reading the docs and blog.

We’ve added a new Themes section that lets you explore ready‑made design themes and palettes tailored for shadcn/ui. Each theme is thoughtfully crafted to look great out of the box and to be easy to extend. If you want to create your own palette instead of starting from a preset, try our Theme Generator to build a custom shadcn/ui theme faster.
Browse themes

Effective today, the entire Academy is free to everyone. No purchase or login is required to read lessons, follow tutorials, or learn best practices.
Start learning
Under the hood, the site is powered by:
This setup helps us ship improvements more often while keeping the experience snappy and accessible.
We’re continuing to roll out more themes, expand docs, and add new Pro Blocks. If you have feedback or requests, we’d love to hear from you.
Thanks for being here and supporting shadcndesign!
Founder @ shadcndesign.com

Agent Skills teach Claude Code, Cursor, and Codex to generate production-ready shadcn/ui code straight from Figma designs — and sync design tokens to CSS.

I'm a designer who got tired of seeing beautiful components ruined by bad color choices and mismatched fonts. So I built a theme generator that makes it impossible to mess up.

We updated our registry to use shadcn CLI 3.0. You can now install our Pro Blocks and Templates in a more convenient way.