AGPAEFGACN
Loved by shadcn and 6,300+ creators and teams

Design & ship shadcn/ui projects faster

Extensive collection of Figma and React resources to help designers, developers, and teams deliver shadcn/ui projects efficiently.

Saving time for the top designers and developers

Why I built this

I searched everywhere for a quality shadcn/ui kit for Figma. Everything was outdated, poorly crafted, or abandoned.

After 7 years building Figma resources for 100,000+ designers and maintaining the Ant Design System, I knew exactly what was missing, so I built it.

This is the complete shadcn/ui ecosystem I wished existed: pixel-perfect Figma kit, production-ready Pro Blocks, templates, video academy, and a plugin that exports clean code. Everything stays updated, with direct support from me. Now it's yours to use.

MW

Matt Wierzbicki

Founder @ shadcndesign.com

shadcn/ui kit for Figma

Create pixel-perfect shadcn/ui designs

Meet the Figma kit that matches shadcn/ui perfectly. Get pixel-perfect components, production-ready blocks, and accurate Tailwind CSS alignment.

Components developers actually love

Every component perfectly mirrors shadcn/ui code. Auto-layout, variants, and Tailwind CSS variables ensure perfect alignment between design and development.

AI-Ready design system

Production-ready blocks

Essential icons & assets

Your brand, your rules

Always up to date