Preview
Explore everything in shadcncraft
shadcncraft is a production-ready design system built on shadcn/ui. Explore the official Figma kit, Pro blocks, and matching React components for product, marketing, and ecommerce teams.
Figma
Base
Base shadcn/ui Figma kit
All official shadcn/ui Components recreated in Figma with variables and theming support. Start designing with a solid, production-aligned foundation.
Pro
Pro Figma UI Kit
121 production-ready Blocks, 242 Components, and 14 Pages built on shadcn/ui. Assemble complete landing pages, apps, and marketing layouts in minutes.
Free
Figma Plugin
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 block 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 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
