Free

Start building with shadcncraft for free

Get a starter Figma kit and access to our free React component registry built on shadcn/ui. Explore the quality of the system before upgrading to the full library.

What’s included

What you get with Free

A small but complete starting point for working with shadcncraft.

Starter Figma UI kit
A lightweight version of the shadcncraft Figma kit with a small set of components and example blocks so you can explore the structure and workflow.
Free React component registry
Access a growing set of free React components built on shadcn/ui.
Theme-ready components
All components follow the same structure used in the Pro kits, so upgrading later is seamless.
Beyond Free

What you unlock when you upgrade

The free kit is just the starting point. Upgrade to unlock the full shadcncraft design system.

Premium blocks

Hundreds of production-ready blocks for landing pages, dashboards, onboarding flows, pricing sections, and more. Structured layouts built on shadcn/ui to help teams ship faster.

Advanced components

Hundreds of additional UI components built on shadcn/ui patterns. More powerful building blocks for complex interfaces and scalable applications.

Full design system

The complete shadcncraft Figma kit with advanced components, layouts, and themes. Built to scale from landing pages to complex products.

React equivalents

Production-ready React equivalents aligned with the Figma library. Install components directly into your project and build faster with shadcn/ui.

Designed to upgrade smoothly

Upgrade without rebuilding

The free kit uses the same structure as the full shadcncraft design system. When you upgrade, your projects continue to work exactly the same way.

Same component structure
Free components follow the same patterns used in the Pro library.
Compatible with Pro blocks
Add premium blocks and components later without redesigning your layouts.
Works with the shadcncraft plugin
Import themes, generate React code, and keep your Figma and code aligned.
Why teams start with the free kit

A simple way to evaluate the system

Use the free version to test the workflow before committing to the full library.

Explore the Figma kit

See how components are structured and themed.

Test React components

Install components from the registry and use them in real projects.

Evaluate the workflow

Try the Figma → React pipeline before upgrading.

Frequently Asked Questions

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

Yes. The free kit is distributed under the Figma Community license.

Theme import, export, and icon switching are free to use. React export and CLI generation require a Pro + React package.

SBIOTJ

Join 3,000+ builders shipping with shadcncraft

Design and assemble full pages faster with production-ready blocks built for real products.

  • Production-ready blocks and components
  • Clean React and Tailwind parity
  • Built for SaaS, marketing, and ecommerce teams
Get the design system
Join Now CTA

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.