Overview

Speed up your design and development workflow with Shadcraft — a flexible Ul kit built for teams working with shadcn/ui and Tailwind CSS. It includes a full set of production-ready components, patterns, and styles, all mapped to the structure developers expect. Whether you're designing in Figma or handing off to engineering, Shadcraft keeps everything aligned.

What's included

• Theme your library instantly with tweakn

• All 51 carefully crafted, production-ready components

• Theme support (light and dark modes)

• All official shaden charts

• 1500+ Lucide icons, organised and ready to go

• All 44 layout-ready blocks to kickstart your next build

• Supports multiple brands via theming

• All the latest calendar and sidebar blocks

Version

We're currently in Beta VO.1.3. That means things are stable, but improving fast. Your feedback helps shape what comes next.

Support

You can get timely support using Shadcraft from our Discord community.

Feature requests

We'd love to hear your ideas on how to improve Shadcraft. Make a feature request.

Updates

You'll get one year of free updates of the Shadcraft library. Every time there is a new version of the kit released, we'll email you.

Licence

Your purchase includes a single-user license for use in personal or commercial projects.

By purchasing this kit, you agree to the following terms:

• You can use the kit in unlimited personal and commercial projects.

• You cannot redistribute, resell, share, or transfer the kit-either in original or modified form.

• You cannot use the kit to create or sell competing design systems, Ul kits, or template products.

• You cannot publish the kit publicly (e.g. Figma Community, GitHub, or asset marketplaces).

Each license is valid for one individual. If your team needs multiple seats, please purchase a license for each user.

For licensing questions or extended use, feel free to get in touch.

Licences are non-refundable.

Improve your workflow

Shadcraft was built to speed up the design and development of interfaces that follow the shadn/ui component library. Whether you're working solo or in a cross-functional team, the kit gives you everything you need to create polished, production-ready Uls directly in Figma - without starting from scratch.

How Shadcraft helps you deliver faster

This kit is carefully structured to match the layout, naming, and logic of the official shadon/ui React components. That alignment helps keep design and development in sync, speeding up delivery and reducing back-and-forth.

Key benefits:

• One-to-one with code: Components in Figma match what developers will build in code — no more second-guessing spacing, variants, or states.

• Cleaner handoff: Shared structure and naming between design and dev make communication easier.

• Faster builds: Developers can copy layout and structure straight from Figma, without needing to rebuild components from scratch.

• Token-ready styles: The kit uses Figma variables throughout, so themes and dark mode are handled out of the box.

• Consistency at scale: Helps maintain a unified experience across screens, platforms, and product teams.

Using Shadcraft saves time, cuts down rework, and gives teams more headroom to focus on product thinking — not layout and spacing.

Keep in the loop

We know many of our licences are purchased by teams through finance or admin emails - which means designers and developers sometimes miss out on news, updates, and new releases.

Here's how to stay in the loop:

• Get the latest on new features and releases at shadcraft.com

• Newsletter: Subscribe to updates from Shadcraft to hear about new features and resources

• Follow Shadcraft on X: Get real-time updates, tips, and product news straight from the source