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.
Sale 20% off Pro tiers & upgrades. Ends 3 August.

Team size

Edit the Figma kit or install from the registry for 1 designer or developer.

License infoUpgrade now

Base Figma

$119
One paymentlifetime access
Tax included
Get Base Figma
shadcn/ui Figma UI kit
Official set only
All 8 shadcn styles
Figma
192 Pro Blocks
Not included
55 Pro Components
Not included
Pro Pages & Sites
Not included
Figma plugin
Styles, themes & presets
Storybook
Public online
Agent Skills
Token sync only
Updates
Free lifetime
Usage
Unlimited commercial
Support response
24 hours

Pro Figma

$299$239
One paymentlifetime access
Tax included
Get Pro Figma
shadcn/ui Figma UI kit
Official + Pro
All 8 shadcn styles
Figma
192 Pro Blocks
Figma
55 Pro Components
Figma
Pro Pages & Sites
Figma
Figma plugin
Styles, themes & presets
Storybook
Public online
Agent Skills
Token sync only
Updates
Free lifetime
Usage
Unlimited commercial
Support response
12 hours

Pro React

New
$249$199
One paymentlifetime access
Tax included
Get Pro React
shadcn/ui Figma UI kit
Not included
All 8 shadcn styles
React
192 Pro Blocks
React
55 Pro Components
React
Pro Pages & Sites
React (Site only)
Figma plugin
Not included
Storybook
Online + offline build
Agent Skills
Sync + Figma to code
Updates
Free lifetime
Usage
Unlimited commercial
Support response
12 hours

Pro Figma + React

$499$399
One paymentlifetime access
Tax included
Get Pro Figma + React
shadcn/ui Figma UI kit
Official + Pro
All 8 shadcn styles
Figma + React
192 Pro Blocks
Figma + React
55 Pro Components
Figma + React
Pro Pages & Sites
Figma + React (Site only)
Figma plugin
Styles, presets & React
Storybook
Online + offline build
Agent Skills
Sync + Figma to code
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.