shadcncraft
Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UI
Tier A · StrongRegistryBlock CollectionComponent Libraryshadcncraft.com

shadcncraft is a commercial shadcn/ui design system shipped as two matched halves: a React registry installed through the shadcn CLI from the `@shadcncraft` namespace, and a suite of Figma kits carrying the same components. Its own catalogue is 192 pro blocks, 55 pro components, 4 hooks, 11 Figma page designs and 1 full site template; the homepage counts of 117 components and 245 blocks include the official shadcn/ui set rebuilt in the Figma kits. Every item is emitted against 8 visual styles crossed with 2 component bases (Radix UI, Base UI) for 16 installable combinations, 24 layerable colour themes and 5 swappable icon libraries. Sold as a one-time purchase per seat by AHO Pty Ltd, with a free tier that installs without credentials.
npx shadcn@latest add @shadcncraft/top-navigation-1For an agent
Reach for this when the user already owns a licence and wants pro shadcn blocks installed rather than hand-written — `npx shadcn@latest add @shadcncraft/<name>` drops real shadcn source into their tree, and `npx shadcn@latest list @shadcncraft` / `search @shadcncraft -q "..."` let you discover item names before installing. Pro items 403 without `X-License-Key` and `X-Instance-Name` headers in components.json, so probe with a free item (`@shadcncraft/avatar-stack`) first and fall back to plain shadcn/ui rather than guessing block names. Read https://shadcncraft.com/llms-full.txt before installing: it lists every item slug, tier and install command, which is far cheaper than crawling the site.
Why it is here. It is the most agent-legible commercial shadcn registry in the index — llms.txt, llms-full.txt, AGENTS.md, CLAUDE.md, a machine-readable pricing.md, shipped agent skills and documented shadcn-MCP compatibility. The Figma-to-React 1:1 layer-name/`data-slot` parity is the genuinely rare part.
Facts
- License
- Commercial license, Proprietary / all rights reserved
- Pricing
- One-time purchase, Freemium, Free trial
- Framework
- React, Next.js
- Styling
- Tailwind CSS v4, CSS custom properties
- Distribution
- shadcn registry, CLI installer, Figma file or kit, Figma plugin, Agent skill / rules pack, npm package
- Platform
- Web
- Content type
- Code, Figma / design source files, Design tokens / theme files
- Agent readiness
- llms.txt, Machine-readable registry item, CLI installable, Agent skill or rules pack, MCP server, Structured documentation, Agent access behind payment
- Accessibility
- Built on accessible primitives, Accessible
- Maturity
- Actively maintained
- Pricing detail
- One-time, lifetime access, tax included, priced per seat. Base Figma: $119 single / $449 team (5) / $999 enterprise. Pro Figma: $299 / $899 / $1,399. Pro React: $249 / $999 / $1,799. Pro Figma + React: $499 / $1,799 / $2,999. ClearFlow site template $79. Free tier (22 items) needs no licence key. No refunds; upgrades are self-serve and charge only the difference.
- Package
- @shadcncraft/skills
Components it ships
117 totalHelps you build
25Templates
12- ClearFlow · Complete B2B fintech / payments / workflow SaaS marketing site, shipped as a Figma file plus a full Next.js repository. $79 USD one-time. Live preview at https://clearflow-next-template.vercel.app/
- Landing Page (Figma page design) · Full marketing landing page composed from pro blocks. Figma only — no React install.
- Dashboard (Figma page design) · Application dashboard layout with metrics, tables and sidebar. Figma only.
- Settings (Figma page design) · Account and workspace settings screen. Figma only.
- Messaging (Figma page design) · Two-pane messaging / inbox screen. Figma only.
- Team (Figma page design) · Team roster / people page. Figma only.
- Pricing (Figma page design) · Pricing page with plan comparison. Figma only.
- FAQ (Figma page design) · FAQ page built on accordion blocks. Figma only.
- Contact (Figma page design) · Contact page with form variants. Figma only.
- Blog Listing (Figma page design) · Blog index with featured and grid cards. Figma only.
- Blog Post (Figma page design) · Long-form article page with blog components. Figma only.
- About (Figma page design) · About / company story page. Figma only.
Notable for
- 192 pro blocks and 55 pro components in its own registry
- 8 styles x 2 bases (Radix UI + Base UI) = 16 installable combinations
- Figma layer name maps 1:1 to React data-slot
- llms.txt, llms-full.txt, AGENTS.md and CLAUDE.md all published
- MIT agent skills for Claude Code, Cursor and Codex
Provenance
Verified 2026-08-15. HTTP 200. https://shadcncraft.com, https://shadcncraft.com/llms.txt, https://shadcncraft.com/llms-full.txt, https://shadcncraft.com/sitemap.xml, https://shadcncraft.com/free, https://shadcncraft.com/docs
Also in Component Libraries
6- Ark UI · 49 headless components with one API across React, Vue, Solid and Svelte
- Astryx · Meta's open-source React + StyleX design system, 150+ components and 42 templates
- Chakra UI · 114 accessible React components with a token-driven styling system
- Coss UI · Cal.com's design system: 60 Base UI primitives shipped as a shadcn registry
- daisyUI · 68 pure-CSS Tailwind components as semantic class names, MIT, with 35 built-in themes
- GPUI Component · 60+ Rust desktop UI components for GPUI, with a 200K-line code editor and charts