Production-ready shadcn/ui design system

Pay once. Ship faster forever

Includes official shadcn/ui components plus Pro Blocks, layouts, and optional React equivalents to save you hundreds of hours.

Trusted by top teams and thousands of customers

sh
shadcn
Creator of shadcn/ui
Beautifully done. Great job. A well-designed ecosystem of tools for building with shadcn/ui.

Choose your team size

For one person editing in Figma, using the plugin, or installing from the registry.

  • 1 designer or developer
Which license do I need?How do I upgrade my bundle?

Base

All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.

$119
One-time paymentPlus local taxes
Get Base now
shadcn/ui Figma UI kit
All official blocks & components
shadcn styles
Figma
Pro Blocks
Not included
Pro Components
Not included
Pro Pages & Sites
Not included
Figma plugin
Styles & themes
Updates
Free lifetime
Usage
Unlimited commercial
Support response
24 hours

Pro

Pro Components, Blocks, and Templates. A complete Figma (.fig) design system that lets you assemble polished layouts in seconds.

$299
One-time paymentPlus local taxes
Get Pro now
shadcn/ui Figma UI kit
All official blocks & components
shadcn styles
Figma
Pro Blocks
Figma
Pro Components
Figma
Pro Pages & Sites
Figma
Figma plugin
Styles & themes
Updates
Free lifetime
Usage
Unlimited commercial
Support response
12 hours
Popular

Pro + React

Pro Figma design system plus matching React components. Build production-ready interfaces with aligned design and code.

$499
One-time paymentPlus local taxes
Get Pro + React now
shadcn/ui Figma UI kit
All official blocks & components
shadcn styles
Figma + React
Pro Blocks
Figma + React
Pro Components
Figma + React
Pro Pages & Sites
Figma + React (Site only)
Figma plugin
Styles & themes
Updates
Free lifetime
Usage
Unlimited commercial
Support response
12 hours
Prices in USDSecure 256-bit SSL Encrypted payments by Polar.Already a customer? Upgrade your bundle

Want to try the design system out? Start with the free tier—a starter bundle for Figma and React with a curated set of blocks and components. Upgrade anytime for full access.

Explore Free
What’s included

shadcn vs shadcncraft

shadcn gives you the core components. shadcncraft builds on top with production-ready components, blocks & pages, and a matching Figma UI kit.
Figma

shadcn

No official Figma UI kit

shadcncraft

Complete Figma UI kit with theming and component states

Components

shadcn

Open source component primitives

shadcncraft

Production-ready components built on shadcn

Starting point

shadcn

Assemble UI from scratch

shadcncraft

Start from real blocks and full pages

Setup effort

shadcn

Assembly required — you compose the UI

shadcncraft

Pre-structured UI that works out of the box

AI workflow

shadcn

Code-only — no design layer for AI to read

shadcncraft

Works with Figma MCP for AI-assisted design-to-code

License

shadcn

Free and open source

shadcncraft

Paid, with a free tier

Compare our bundlesRead more

Frequently Asked Questions

Quick FAQs to get you started.
Still have questions? See all FAQs, or get support.

No. shadcncraft is a one-time purchase. You receive lifetime access to the tier you purchase, including future updates.

Real support from the team behind shadcncraft

Get help within 24 hours from the people who build and maintain the system.
Email
Prefer a direct line? Send us a message and we'll get back to you as soon as possible.
Contact
Discord
Get quick support, share feedback, or connect with other builders.
Join
Feedback
Got something to say about anything shadcncraft? We'd love to hear it.