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 Figma, or building with React.

  • 1 designer or developer

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
shadcn/ui Figma kit
All official blocks & components
Pro Blocks
Not included
Pro Components
Not included
Pro Pages & Sites
Not included
Figma Plugin
Theming
Updates
Free lifetime
Usage
Unlimited commercial
Support response
24 hours

Pro

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

$299
One-time paymentPlus local taxes
shadcn/ui Figma kit
All official blocks & components
Pro Blocks
Figma (.fig)
Pro Components
Figma (.fig)
Pro Pages & Sites
Figma (.fig)
Figma Plugin
Theming
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
shadcn/ui Figma kit
All official blocks & components
Pro Blocks
Figma + React
Pro Components
Figma + React
Pro Pages & Sites
Figma + React (Site only)
Figma Plugin
Theming + React export
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 tier
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 kit.

Figma

shadcn

No official Figma library

shadcncraft

Complete Figma 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

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.
Discord
Get quick support, share feedback, or connect with other builders.
Feedback
Got something to say about anything shadcncraft? We'd love to hear it.