Preview
Explore everything in shadcncraft
shadcncraft is a production-ready design system built on shadcn/ui. Explore the official Figma UI kit, Pro Blocks, and matching React components for product, marketing, and ecommerce teams.
Figma
Base
All official shadcn/ui Components recreated in Figma with variables and theming support. Start designing with a solid, production-aligned foundation.
Pro
Pro: Hundreds of premium blocks, components, and page layouts for apps, marketing, and ecommerce. Powered by shadcn styles with native Figma variables and instant switching.
Free
Import shadcn Create projects, apply and export themes, and export React code from selected frames. Keep your shadcn/ui Figma files aligned with production.
React
Pro
Pro + React Blocks
Production-ready React versions of the Pro Blocks library. Clean, structured layouts built with shadcn/ui and ready to ship.
Pro
Pro + React Components
Matching React components aligned 1:1 with the Figma UI kit. Built with Tailwind and shadcn/ui for consistent design and code.
Pro
Pro Sites
Production-ready React and Next.js Sites built with shadcn/ui. Complete, structured projects you can customize, and deploy.
Not sure which license you need? Compare plans
