Loved by shadcn & hundreds of creators and teams
Loved by shadcn & hundreds of creators and teams
Loved by shadcn & hundreds of creators and teams
Design, theme, and launch shadcn/ui projects faster
The complete shadcn/ui kit for Figma with Pro Components, Blocks, and Templates. Build your team’s design system and theme it instantly with tweakcn.
Top design and dev teams use Shadcraft to ship shadcn/ui faster.
Base shadcn/ui Kit for Figma
All the essentials to design and ship with shadcn/ui. Manage your design system in Figma, theme it instantly with tweakcn, and stay up to date with every release.
Components
Every shadcn/ui component, built pixel-perfect for Figma and aligned to code and Tailwind CSS.
Design faster with consistent, ready-to-use elements that match production quality.
Blocks
Theming
Components
Every shadcn/ui component, built pixel-perfect for Figma and aligned to code and Tailwind CSS.
Design faster with consistent, ready-to-use elements that match production quality.
Blocks
Theming
Components
Every shadcn/ui component, built pixel-perfect for Figma and aligned to code and Tailwind CSS.
Design faster with consistent, ready-to-use elements that match production quality.
Blocks
Theming
Components
Every shadcn/ui component, built pixel-perfect for Figma and aligned to code and Tailwind CSS.
Design faster with consistent, ready-to-use elements that match production quality.
Blocks
Theming
Built for
developers.
d
e
s
i
g
n
e
r
s
.
developers.
d
e
s
i
g
n
e
r
s
.
developers.
d
e
s
i
g
n
e
r
s
.
developers.
d
e
s
i
g
n
e
r
s
.
Start with a complete Figma foundation, theme it instantly with tweakcn, and stay aligned with every update. Whether you’re creating your first design system or scaling a product, Shadcraft helps you move faster and stay consistent.
Endorsed by the creator of shadcn/ui
Beautifully done. Great job. A well-designed ecosystem of tools for building with shadcn/ui.
Beautifully done. Great job. A well-designed ecosystem of tools for building with shadcn/ui.
Beautifully done. Great job. A well-designed ecosystem of tools for building with shadcn/ui.
Beautifully done. Great job. A well-designed ecosystem of tools for building with shadcn/ui.
Community buzz
if you're a designer, this is the best way to get started building in 2025
Aug 1, 2025
if you're a designer, this is the best way to get started building in 2025
Aug 1, 2025
if you're a designer, this is the best way to get started building in 2025
Aug 1, 2025
if you're a designer, this is the best way to get started building in 2025
Aug 1, 2025
Shoutout to @shadcraft_ ! it’s made designing in Figma for us non designers a breeze. The fact that I can deeply customize my theme with tweakcn then just have them synced with Figma with LIGHT and DARK mode??? 🤤
Sept 12, 2025
Shoutout to @shadcraft_ ! it’s made designing in Figma for us non designers a breeze. The fact that I can deeply customize my theme with tweakcn then just have them synced with Figma with LIGHT and DARK mode??? 🤤
Sept 12, 2025
Shoutout to @shadcraft_ ! it’s made designing in Figma for us non designers a breeze. The fact that I can deeply customize my theme with tweakcn then just have them synced with Figma with LIGHT and DARK mode??? 🤤
Sept 12, 2025
Shoutout to @shadcraft_ ! it’s made designing in Figma for us non designers a breeze. The fact that I can deeply customize my theme with tweakcn then just have them synced with Figma with LIGHT and DARK mode??? 🤤
Sept 12, 2025
I've discovered the Shadcraft Figma shadcn/ui kit: over 200 components, light/dark themes, super easy to customize! Perfect for designers and devs. Thanks Shadcraft!
Sept 8, 2025
I've discovered the Shadcraft Figma shadcn/ui kit: over 200 components, light/dark themes, super easy to customize! Perfect for designers and devs. Thanks Shadcraft!
Sept 8, 2025
I've discovered the Shadcraft Figma shadcn/ui kit: over 200 components, light/dark themes, super easy to customize! Perfect for designers and devs. Thanks Shadcraft!
Sept 8, 2025
I've discovered the Shadcraft Figma shadcn/ui kit: over 200 components, light/dark themes, super easy to customize! Perfect for designers and devs. Thanks Shadcraft!
Sept 8, 2025
Recently purchased! Great kit! Excited to see more web app components vs website oriented ones.
Oct 23, 2025
Recently purchased! Great kit! Excited to see more web app components vs website oriented ones.
Oct 23, 2025
Recently purchased! Great kit! Excited to see more web app components vs website oriented ones.
Oct 23, 2025
Recently purchased! Great kit! Excited to see more web app components vs website oriented ones.
Oct 23, 2025
@shadcraft_ just turned my random figma clicking into design system "magic". 10/10 would theme again.
Sept 11, 2025
@shadcraft_ just turned my random figma clicking into design system "magic". 10/10 would theme again.
Sept 11, 2025
@shadcraft_ just turned my random figma clicking into design system "magic". 10/10 would theme again.
Sept 11, 2025
@shadcraft_ just turned my random figma clicking into design system "magic". 10/10 would theme again.
Sept 11, 2025
I tried @shadcraft_ while putting together a block and it worked very well. The 200+ components cover pretty much everything, and the light/dark themes make it consistent. Feels solid, saves time, and lets me focus more on the actual design instead of fiddling with missing parts
Sept 9, 2025
I tried @shadcraft_ while putting together a block and it worked very well. The 200+ components cover pretty much everything, and the light/dark themes make it consistent. Feels solid, saves time, and lets me focus more on the actual design instead of fiddling with missing parts
Sept 9, 2025
I tried @shadcraft_ while putting together a block and it worked very well. The 200+ components cover pretty much everything, and the light/dark themes make it consistent. Feels solid, saves time, and lets me focus more on the actual design instead of fiddling with missing parts
Sept 9, 2025
I tried @shadcraft_ while putting together a block and it worked very well. The 200+ components cover pretty much everything, and the light/dark themes make it consistent. Feels solid, saves time, and lets me focus more on the actual design instead of fiddling with missing parts
Sept 9, 2025
Introducing the shadcn/ui Pro Kit for Figma
Everything from the Base Kit, plus Pro Components, Blocks, and Templates. Built for teams creating full shadcn/ui design systems across marketing sites and product apps, all themeable instantly with tweakcn.
Pricing
Base
Essential shadcn/ui components and blocks for Figma. Build faster with a solid design foundation.
Easy theming via tweakcn
All 56 shadcn/ui Components
All 44 shadcn/ui Blocks
1500+ Lucide icons
Tailwind CSS alignment
Prototype interactions
Figma variables
Light & dark mode
$119
One time payment. Lifetime access. 1 year of updates
Pro Components, Blocks, and Templates. Assemble complete layouts in seconds.
Everything in Figma Base
Full library of Pro Components
Pre-built Blocks for faster workflows
Ready-to-use Templates for complete pages
Perfect for marketing sites
Ideal for product apps [soon]
Assemble entire experiences in seconds
Small & large screen layouts
$299
$399
One time payment. Lifetime access. 1 year of updates
Prices in USD.
Secure payment with Lemon Squeezy
Pricing
Base
Essential shadcn/ui components and blocks for Figma. Build faster with a solid design foundation.
Easy theming via tweakcn
All 56 shadcn/ui Components
All 44 shadcn/ui Blocks
1500+ Lucide icons
Tailwind CSS alignment
Prototype interactions
Figma variables
Light & dark mode
$119
One time payment. Lifetime access. 1 year of updates
Pro Components, Blocks, and Templates. Assemble complete layouts in seconds.
Everything in Figma Base
Full library of Pro Components
Pre-built Blocks for faster workflows
Ready-to-use Templates for complete pages
Perfect for marketing sites
Ideal for product apps [soon]
Assemble entire experiences in seconds
Small & large screen layouts
$299
$399
One time payment. Lifetime access. 1 year of updates
Prices in USD.
Secure payment with Lemon Squeezy
Pricing
Base
Essential shadcn/ui components and blocks for Figma. Build faster with a solid design foundation.
Easy theming via tweakcn
All 56 shadcn/ui Components
All 44 shadcn/ui Blocks
1500+ Lucide icons
Tailwind CSS alignment
Prototype interactions
Figma variables
Light & dark mode
$119
One time payment. Lifetime access. 1 year of updates
Pro Components, Blocks, and Templates. Assemble complete layouts in seconds.
Everything in Figma Base
Full library of Pro Components
Pre-built Blocks for faster workflows
Ready-to-use Templates for complete pages
Perfect for marketing sites
Ideal for product apps [soon]
Assemble entire experiences in seconds
Small & large screen layouts
$299
$399
One time payment. Lifetime access. 1 year of updates
Prices in USD.
Secure payment with Lemon Squeezy
Pricing
Base
Essential shadcn/ui components and blocks for Figma. Build faster with a solid design foundation.
Easy theming via tweakcn
All 56 shadcn/ui Components
All 44 shadcn/ui Blocks
1500+ Lucide icons
Tailwind CSS alignment
Prototype interactions
Figma variables
Light & dark mode
$119
One time payment. Lifetime access. 1 year of updates
Pro Components, Blocks, and Templates. Assemble complete layouts in seconds.
Everything in Figma Base
Full library of Pro Components
Pre-built Blocks for faster workflows
Ready-to-use Templates for complete pages
Perfect for marketing sites
Ideal for product apps [soon]
Assemble entire experiences in seconds
Small & large screen layouts
$299
$399
One time payment. Lifetime access. 1 year of updates
Prices in USD.
Secure payment with Lemon Squeezy
Need a hand? We’re here to help
Our small team aims to respond to all enquiries within 24 hours. Choose the best way to reach us below.
Stay in the know
Keep updated on all things happening with Shadcraft.
We respect your privacy
Stay in the know
Keep updated on all things happening with Shadcraft.
We respect your privacy
Stay in the know
Keep updated on all things happening with Shadcraft.
We respect your privacy
Stay in the know
Keep updated on all things happening with Shadcraft.
We respect your privacy
FAQ
What is Shadcraft?
How does Shadcraft work with Figma?
What is included in the Shadcraft UI kit?
Why should I use Shadcraft instead of building my own UI kit?
Can I theme Shadcraft components in Figma?
What is the difference between tweakcn and Shadcraft?
How often is Shadcraft updated?
Can I use Shadcraft for commercial projects?
I am new to Figma. Will Shadcraft still help me?
Does Shadcraft work for developers using shadcn/ui?
How do I publish the Shadcraft UI kit as a Figma library?
How do I enable Shadcraft in multiple Figma projects?
Do you offer an affiliate program?
What is Shadcraft?
How does Shadcraft work with Figma?
What is included in the Shadcraft UI kit?
Why should I use Shadcraft instead of building my own UI kit?
Can I theme Shadcraft components in Figma?
What is the difference between tweakcn and Shadcraft?
How often is Shadcraft updated?
Can I use Shadcraft for commercial projects?
I am new to Figma. Will Shadcraft still help me?
Does Shadcraft work for developers using shadcn/ui?
How do I publish the Shadcraft UI kit as a Figma library?
How do I enable Shadcraft in multiple Figma projects?
Do you offer an affiliate program?
What is Shadcraft?
How does Shadcraft work with Figma?
What is included in the Shadcraft UI kit?
Why should I use Shadcraft instead of building my own UI kit?
Can I theme Shadcraft components in Figma?
What is the difference between tweakcn and Shadcraft?
How often is Shadcraft updated?
Can I use Shadcraft for commercial projects?
I am new to Figma. Will Shadcraft still help me?
Does Shadcraft work for developers using shadcn/ui?
How do I publish the Shadcraft UI kit as a Figma library?
How do I enable Shadcraft in multiple Figma projects?
Do you offer an affiliate program?
What is Shadcraft?
How does Shadcraft work with Figma?
What is included in the Shadcraft UI kit?
Why should I use Shadcraft instead of building my own UI kit?
Can I theme Shadcraft components in Figma?
What is the difference between tweakcn and Shadcraft?
How often is Shadcraft updated?
Can I use Shadcraft for commercial projects?
I am new to Figma. Will Shadcraft still help me?
Does Shadcraft work for developers using shadcn/ui?
How do I publish the Shadcraft UI kit as a Figma library?
How do I enable Shadcraft in multiple Figma projects?
Do you offer an affiliate program?
Introducing Rules
Introducing Rules
Rules is our new AI-ready design guidelines tool for shadcn/ui. It generates structured, production-ready guidance so your team can stay aligned and ship with confidence.
Rules is our new AI-ready design guidelines tool for shadcn/ui. It generates structured, production-ready guidance so your team can stay aligned and ship with confidence.