Components

The best shadcn/ui components for Figma

Get Figma components that match shadcn/ui code perfectly. Built with Figma's most powerful features.

Perfect code parity

Every component matches shadcn/ui exactly. What you design is what developers build.

Auto-layout included

Components that flex and adapt like real code. Resize, stack, and align without breaking.

Instant theming

Change your entire design system in seconds with Figma variables.

Light & dark themes

Switch between light and dark mode with ease thanks to smart Figma variables setup.

Always up-to-date

All states, sizes, and styles built-in. From hover effects to error states - everything's covered.

Charts & graphs

Built-in charts and graphs to help you visualize data and make informed decisions.

Prototype faster

Whip up interactive designs in minutes with built-in Figma interactions.

Multi-brand support

Create and manage multiple styles for different brands within a single design system.

AI-Ready components

Works seamlessly with v0 and AI tools that already understand shadcn/ui structure.

Endorsed by the creator of shadcn/ui

"This is the ultimate Figma kit for shadcn/ui. If I were to build a Figma kit, this is what I would've built."

CN

shadcn

Creator of shadcn/ui

Who is it for?

Join 6K+ pros who design & ship faster

Our ecosystem eliminates the friction between design and development. Every role gets exactly what they need to work and collaborate faster.

Designers

Ship pixel-perfect designs that developers can actually build
Design 10x faster with pre-built components and blocks
Stay current with AI tools that already understand your components
Focus on UX and conversion, not component building from scratch
Level up your skills with shadcn/ui best practices built-in

"Our company selected shadcn as our primary design library, and its been a fantastic choice. The design kit is sleek, modern, and offers excellent UX right out of the box. Its comprehensive variable system has significantly improved our efforts around branding and accessibility."

Ryan Almoneda

UX Designer @ BlackDuck