shadcncraft
Paid shadcn/ui registry plus a 1:1 Figma kit, 8 styles across Radix and Base UI
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-1Reach 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.
- 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.
- 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
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
