Shadcraft

Overview

shadcncraft is a premium shadcn/ui design system that pairs a Figma UI kit with matching React components, blocks and pages. The site lists 365 production-ready blocks across marketing (149), application (136), e-commerce (23) and AI (5) categories, plus official shadcn/ui and free blocks, and says it is used by 16,000+ creators and teams.

The product is positioned for AI-assisted workflows: the Figma and React sides stay 1:1, and agent skills and MCP-ready blocks let Claude Code, Cursor and Codex build with the kit's components and tokens. It is paid with a free tier, sold as a one-time purchase with lifetime updates.

Features

• 365 blocks: Heroes, pricing, testimonials, benefits, CTAs, footers, contact, careers and more for marketing pages
• Application UI: App shells, sidebars, 21 tables, 31 calendar blocks, kanban, chat, modals and HR, finance and sales dashboards
• E-commerce: Product lists, details and categories, shopping cart and checkout blocks
• Figma parity: A complete Figma kit with theming and component states that mirrors the React code
• AI workflow: Works with Figma MCP, and ships agent skills and MCP-ready blocks
• Live customizer: Blocks can be switched, themed and previewed on the site before buying
• UI Rules: A companion tool for feeding design system guidelines to AI

Tech stack

• React, shadcn/ui, Tailwind CSS
• TanStack Table, Recharts, dnd-kit, date-fns
• Vercel AI SDK for AI blocks