shadcn/ui Blocks
Pro Marketing Blocks
Banners
Banners
Benefits
Benefits
Blog Listing
Blog Listing
Calendar
Calendar
Careers
Careers
Contact
Contact
CTA
CTA
Dashboard
Dashboard
FAQ
FAQ
Footer
Footer
Heroes
Heroes
Login
Login
Metrics
Metrics
Newsletter Signup
Newsletter Signup
Pricing
Pricing
Sidebar
Sidebar
Social Proof
Social Proof
Team
Team
Testimonial
Testimonial
Top Navigation
Top Navigation
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><g d="M 5.999 36 C 9.311 36 11.999 33.312 11.999 30 L 11.999 23.999 L 5.999 23.999 C 2.688 23.999 0 26.687 0 30 C 0 33.312 2.688 36 5.999 36 Z M 0 18.004 C 0 14.691 2.688 12.003 5.999 12.003 L 11.999 12.003 L 11.999 24.004 L 5.999 24.004 C 2.688 24.004 0 21.316 0 18.004 Z M 0 6 C 0 2.688 2.688 0 5.999 0 L 11.999 0 L 11.999 12.001 L 5.999 12.001 C 2.688 12.001 0 9.313 0 6 Z M 12.001 0 L 18.001 0 C 21.312 0 24 2.688 24 6 C 24 9.313 21.312 12.001 18.001 12.001 L 12.001 12.001 Z M 24 18.004 C 24 21.316 21.312 24.004 18.001 24.004 C 14.689 24.004 12.001 21.316 12.001 18.004 C 12.001 14.691 14.689 12.003 18.001 12.003 C 21.312 12.003 24 14.691 24 18.004 Z" fill="transparent" height="35.99999907424481px" id="gN7I927ny" transform="translate(6 0)" width="24.00000076323058px"><path d="M 5.999 12.001 C 9.311 12.001 11.999 9.313 11.999 6 L 11.999 0 L 5.999 0 C 2.688 0 0 2.688 0 6 C 0 9.313 2.688 12.001 5.999 12.001 Z" fill="rgb(10, 207, 131)" height="12.000800160670593px" id="LEQAgqym9" transform="translate(0 23.999)" width="11.998800087266225px"/><path d="M 0 6 C 0 2.688 2.688 0 5.999 0 L 11.999 0 L 11.999 12.001 L 5.999 12.001 C 2.688 12.001 0 9.313 0 6 Z" fill="rgb(162, 89, 255)" height="12.000800160670593px" id="wHHomUG1Y" transform="translate(0 12.003)" width="11.998800087266225px"/><path d="M 0 6 C 0 2.688 2.688 0 5.999 0 L 11.999 0 L 11.999 12.001 L 5.999 12.001 C 2.688 12.001 0 9.313 0 6 Z" fill="rgb(242, 78, 30)" height="12.000800160670577px" id="Wdbd_x23b" width="11.998800087266225px"/><path d="M 0 0 L 5.999 0 C 9.311 0 11.999 2.688 11.999 6 C 11.999 9.313 9.311 12.001 5.999 12.001 L 0 12.001 Z" fill="rgb(255, 114, 98)" height="12.000800160670577px" id="GtUh511Ro" transform="translate(12.001 0)" width="11.998800087266225px"/><path d="M 11.999 6 C 11.999 9.313 9.311 12.001 5.999 12.001 C 2.688 12.001 0 9.313 0 6 C 0 2.688 2.688 0 5.999 0 C 9.311 0 11.999 2.688 11.999 6 Z" fill="rgb(26, 188, 254)" height="12.000800160670593px" id="csflZBPLl" transform="translate(12.001 12.003)" width="11.998800087266225px"/></g></svg>)
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg"><path d="M 0 3.257 C 0 1.458 1.46 0 3.261 0 C 5.063 0 6.523 1.458 6.523 3.257 C 6.523 5.055 5.063 6.513 3.261 6.513 C 1.46 6.513 0 5.055 0 3.257 Z" fill="rgb(97, 218, 251)" height="6.513224025389372px" id="L4ba2xU4a" transform="translate(14.818 14.414)" width="6.522727272727266px"/><path d="M 0 6.672 C 0 2.987 7.835 0 17.5 0 C 27.165 0 35 2.987 35 6.672 C 35 10.357 27.165 13.344 17.5 13.344 C 7.835 13.344 0 10.357 0 6.672 Z" fill="transparent" height="13.344166295919678px" id="Y0lMcBQ9l" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(97, 218, 251)" transform="translate(0.5 11.328)" width="35px"/><path d="M 1.742 0.367 C 4.937 -1.476 11.446 3.806 16.278 12.164 C 21.111 20.522 22.437 28.791 19.242 30.633 C 16.046 32.476 9.537 27.194 4.705 18.836 C -0.128 10.478 -1.454 2.209 1.742 0.367 Z" fill="transparent" height="30.999999999999996px" id="btZWCNgDj" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(97, 218, 251)" transform="translate(7.508 2.5)" width="20.983008846130854px"/><path d="M 19.242 0.367 C 22.437 2.209 21.111 10.478 16.278 18.836 C 11.446 27.194 4.937 32.476 1.742 30.633 C -1.454 28.791 -0.128 20.522 4.705 12.164 C 9.537 3.806 16.046 -1.476 19.242 0.367 Z" fill="transparent" height="31px" id="LTuMs7L0P" stroke-dasharray="" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-width="1" stroke="rgb(97, 218, 251)" transform="translate(7.508 2.5)" width="20.98300884613085px"/></svg>)
Heroes
shadcn/ui Heroes blocks that combine striking visuals with headings and navigation. Designed to make a strong first impression, with options for image backgrounds and guidance on maintaining text contrast for accessibility.
Pro Marketing Blocks are available in our Pro Figma UI Kit.
Sale
Get the kit now
For 24hrs on Dec 1 only. One payment. Unlimited projects. One year of updates.
Select licence
Single
Team
Enterprise
Tailored to solo designers and developers. Fast support.
Base
All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.
$119
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
Pro
Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.
$299
$399
Everything in Base
Pro Components
Blocks for faster workflows
Full page Templates
Perfect for marketing sites
Ideal for product apps [soon]
Assemble sites in seconds
Responsive layouts
+
Pro React
Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.
$499
$699
Built on shadcn/ui
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
Fast install via CLI and MCP support
Prices in USD.
Secure payment with Lemon Squeezy
Sale
Get the kit now
For 24hrs on Dec 1 only. One payment. Unlimited projects. One year of updates.
Select licence
Single
Team
Enterprise
Tailored to solo designers and developers. Fast support.
Base
All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.
$119
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
Pro
Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.
$299
$399
Everything in Base
Pro Components
Blocks for faster workflows
Full page Templates
Perfect for marketing sites
Ideal for product apps [soon]
Assemble sites in seconds
Responsive layouts
+
Pro React
Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.
$499
$699
Built on shadcn/ui
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
Fast install via CLI and MCP support
Prices in USD.
Secure payment with Lemon Squeezy
Sale
Get the kit now
For 24hrs on Dec 1 only. One payment. Unlimited projects. One year of updates.
Select licence
Single
Team
Enterprise
Tailored to solo designers and developers. Fast support.
Base
All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.
$119
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
Pro
Pro Components, Blocks, and Templates. A complete Figma UI Kit that lets you assemble polished layouts in seconds.
$299
$399
Everything in Base
Pro Components
Blocks for faster workflows
Full page Templates
Perfect for marketing sites
Ideal for product apps [soon]
Assemble sites in seconds
Responsive layouts
+
Pro React
Pro Figma UI Kit plus matching React components. Build production-ready interfaces with aligned design and code.
$499
$699
Built on shadcn/ui
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
Fast install via CLI and MCP support
Prices in USD.
Secure payment with Lemon Squeezy
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