shadcncraft

shadcncraft came from living the gap between design and code: Figma libraries that drift from the components teams actually ship. shadcn/ui became the shared language on the code side, so we built the design side to match: a Figma kit that mirrors shadcn/ui component for component, with variables across eight style modes, plus pro blocks, pages, and full apps served through a registry your CLI already understands. Design in Figma, ship in React, and the two stay aligned. Built in Melbourne, Australia, alongside our sister product UI Rules.

TypeScript and pnpm throughout. The site is Next.js with Tailwind CSS, and it doubles as a shadcn/ui-compatible registry: components, blocks, hooks, and styles served in the URL shapes the shadcn CLI expects, with per-style design token stylesheets generated from a single token source. The Figma side is a Pro kit of fully bound component sets with variables across all eight style modes, built to mirror the shadcn/ui registry release by release.