Shadcn/UI

Shadcn/UI Figma

Products

Figma library Pro blocks Templates Themes Figma plugin

Pricing Docs Help

Buy now

Preview

105.5K

Shadcn Figma Library

Complete shadcn/ui design system for Figma

Real shadcn/ui design system for Figma with 700+ production-ready components and variants, built with latest and most powerful Figma features.

Buy now

from 129 USD

Preview

Secure payment. Risk-free. 30-day refund.

Slots

Built fully with Figma Slots so you never detach components. Easily swap, nest and reorder content.

Learn more

Shadcn figma slots feature - component nesting in design system

Auto layout

Layouts flex, resize and adapt like real UI. Stack, align and combine components without breaking anything.

Variables

A clean variables setup controls colors, typography and spacing. Update the whole system in seconds.

Light and dark theme

Light and dark modes are wired into variables, so theme switching is instant and consistent.

Matches code

Every component in our shadcn figma library matches shadcn/ui one to one. What you design is exactly what developers implement.

States and variants

All states, sizes and styles are included. From focus and hover to error and disabled, nothing is missing.

Charts and graphs

Ready made charts and graphs components designed for dashboards and analytics.

Prototyping

Interactive variants and flows are built in. Create realistic prototypes in minutes.

Multi brand

Support multiple brands with our shadcn design themes using structured Variables and token sets.

Testimonials

Trusted by designers and developers worldwide

Judith Rodriguez

@judithrodriguez

Finally a Figma kit that matches the real shadcn/ui experience. Saved me hours on every new feature.

Rhonda Rhodes

@rhondarhodes

Pro Blocks alone paid for the entire license. Building complex flows takes a fraction of the time now. @shadcnfigma

Marian Perez

@marianperez

Best investment for our design system. The Figma variables integration is seamless and powerful.

David Kim

@davidkim

Finally ditched our old component library. This kit + @shadcnfigma is the perfect combo for modern web apps.

Sophie Martin

@sophiemartin

The dark mode implementation is flawless. Switching themes feels native and everything looks great.

Judith Rodriguez

@judithrodriguez

Finally a Figma kit that matches the real shadcn/ui experience. Saved me hours on every new feature.

Rhonda Rhodes

@rhondarhodes

Pro Blocks alone paid for the entire license. Building complex flows takes a fraction of the time now. @shadcnfigma

Marian Perez

@marianperez

Best investment for our design system. The Figma variables integration is seamless and powerful.

David Kim

@davidkim

Finally ditched our old component library. This kit + @shadcnfigma is the perfect combo for modern web apps.

Sophie Martin

@sophiemartin

The dark mode implementation is flawless. Switching themes feels native and everything looks great.

Rodgers Truck

@rodgerstruck

The component quality is ridiculous. Everything feels polished and ready to ship straight into production.

Kathy Pacheco

@kathypacheco

The system is crazy consistent. No more guessing how a component should behave or look across states. @shadcnfigma

Samuel Chen

@samuelchen

We shipped our MVP 3 weeks faster thanks to the pre-built blocks. Absolutely worth every penny.

Emily Wong

@emilywong

The CLI integration is genius. Copy from Figma, paste to terminal, boom - working component in seconds.

Michael Brown

@michaelbrown

We're using this for 3 different products now. The multi-brand support with themes is a game changer.

Rodgers Truck

@rodgerstruck

The component quality is ridiculous. Everything feels polished and ready to ship straight into production.

Kathy Pacheco

@kathypacheco

The system is crazy consistent. No more guessing how a component should behave or look across states. @shadcnfigma

Samuel Chen

@samuelchen

We shipped our MVP 3 weeks faster thanks to the pre-built blocks. Absolutely worth every penny.

Emily Wong

@emilywong

The CLI integration is genius. Copy from Figma, paste to terminal, boom - working component in seconds.

Michael Brown

@michaelbrown

We're using this for 3 different products now. The multi-brand support with themes is a game changer.

Corina McCoy

@corinamccoy

Our team moved from MUI to shadcn/ui and this kit made the transition almost effortless. Huge difference.

Eddie Lake

@eddielake

This is the first shadcn/ui resource that actually feels complete. It elevated our whole design workflow.

Lisa Anderson

@lisaanderson

The attention to detail is incredible. Every state, every variant - it's all there and works perfectly.

Alex Thompson

@alexthompson

As a solo founder, this kit lets me punch way above my weight on design. Looks like we have a whole team.

Jessica Garcia

@jessicagarcia

Documentation is clear, components are solid, and support is responsive. Everything you need.

Corina McCoy

@corinamccoy

Our team moved from MUI to shadcn/ui and this kit made the transition almost effortless. Huge difference.

Eddie Lake

@eddielake

This is the first shadcn/ui resource that actually feels complete. It elevated our whole design workflow.

Lisa Anderson

@lisaanderson

The attention to detail is incredible. Every state, every variant - it's all there and works perfectly.

Alex Thompson

@alexthompson

As a solo founder, this kit lets me punch way above my weight on design. Looks like we have a whole team.

Jessica Garcia

@jessicagarcia

Documentation is clear, components are solid, and support is responsive. Everything you need.

Complete shadcn/ui design system for Figma

Slots

Auto layout

Variables

Light and dark theme

Matches code

States and variants

Charts and graphs

Prototyping

Multi brand

Browse all 58 components

Trusted by designers and developers worldwide

Trusted by designers and developers worldwide