![](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>)
Complete shadcn/ui Coverage
Every core shadcn/ui component rebuilt faithfully in Figma with clean structure, perfect spacing, and Tailwind-aligned styling.
Complete shadcn/ui Coverage
Every core shadcn/ui component rebuilt faithfully in Figma with clean structure, perfect spacing, and Tailwind-aligned styling.
Complete shadcn/ui Coverage
Every core shadcn/ui component rebuilt faithfully in Figma with clean structure, perfect spacing, and Tailwind-aligned styling.
Complete shadcn/ui Coverage
Every core shadcn/ui component rebuilt faithfully in Figma with clean structure, perfect spacing, and Tailwind-aligned styling.
Pixel-Perfect Visual Parity
Every core shadcn/ui component rebuilt faithfully in Figma with clean structure, perfect spacing, and production-aligned styling.
Pixel-Perfect Visual Parity
Every core shadcn/ui component rebuilt faithfully in Figma with clean structure, perfect spacing, and production-aligned styling.
Pixel-Perfect Visual Parity
Every core shadcn/ui component rebuilt faithfully in Figma with clean structure, perfect spacing, and production-aligned styling.
Pixel-Perfect Visual Parity
Every core shadcn/ui component rebuilt faithfully in Figma with clean structure, perfect spacing, and production-aligned styling.
Figma-Native Components
Built with modern Figma features, including variables, auto layout, and nesting that mirrors how the React components behave.
Figma-Native Components
Built with modern Figma features, including variables, auto layout, and nesting that mirrors how the React components behave.
Figma-Native Components
Built with modern Figma features, including variables, auto layout, and nesting that mirrors how the React components behave.
Figma-Native Components
Built with modern Figma features, including variables, auto layout, and nesting that mirrors how the React components behave.
Ready for Fast Iteration
Drop components straight into your files and get a polished layout running in minutes, not hours.
Ready for Fast Iteration
Drop components straight into your files and get a polished layout running in minutes, not hours.
Ready for Fast Iteration
Drop components straight into your files and get a polished layout running in minutes, not hours.
Ready for Fast Iteration
Drop components straight into your files and get a polished layout running in minutes, not hours.
Reusable Blocks for Common Screens
Official shadcn/ui blocks recreated with accurate component structure so you can design dashboards, layouts, and workflows with confidence.
Reusable Blocks for Common Screens
Official shadcn/ui blocks recreated with accurate component structure so you can design dashboards, layouts, and workflows with confidence.
Reusable Blocks for Common Screens
Official shadcn/ui blocks recreated with accurate component structure so you can design dashboards, layouts, and workflows with confidence.
Reusable Blocks for Common Screens
Official shadcn/ui blocks recreated with accurate component structure so you can design dashboards, layouts, and workflows with confidence.
Instant Theming with tweakcn
Swap themes, preview colour palettes, and customise your brand tokens without breaking component structure.
Instant Theming with tweakcn
Swap themes, preview colour palettes, and customise your brand tokens without breaking component structure.
Instant Theming with tweakcn
Swap themes, preview colour palettes, and customise your brand tokens without breaking component structure.
Instant Theming with tweakcn
Swap themes, preview colour palettes, and customise your brand tokens without breaking component structure.
Base shadcn/ui Figma components
These are the core shadcn/ui Figma components that mirror the official shadcn/ui library. Each one matches the structure developers use in code, making it easy to keep design and development aligned while building products.
Base shadcn/ui Figma blocks
The official shadcn/ui Figma Blocks include calendars, logins, sidebars, and a full dashboard, ready-made product patterns that match code perfectly.
Pricing
Select licence
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.
Easy theming via tweakcn
All shadcn Figma components
All shadcn Figma 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.
Everything in Base
25+ Pro Components
117 Blocks to ship faster
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.
Everything in Pro
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
CLI install & MCP support
Prices in USD.
Secure payment with Polar.sh
Pricing
Select licence
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.
Easy theming via tweakcn
All shadcn Figma components
All shadcn Figma 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.
Everything in Base
25+ Pro Components
117 Blocks to ship faster
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.
Everything in Pro
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
CLI install & MCP support
Prices in USD.
Secure payment with Polar.sh
Pricing
Select licence
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.
Easy theming via tweakcn
All shadcn Figma components
All shadcn Figma 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.
Everything in Base
25+ Pro Components
117 Blocks to ship faster
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.
Everything in Pro
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
CLI install & MCP support
Prices in USD.
Secure payment with Polar.sh
Pricing
Select licence
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All the essential shadcn/ui components and blocks. A Figma UI Kit that helps you build faster on a solid design foundation.
Easy theming via tweakcn
All shadcn Figma components
All shadcn Figma 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.
Everything in Base
25+ Pro Components
117 Blocks to ship faster
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.
Everything in Pro
Pixel perfect design parity
Zero setup needed
Composable / extendible
Production ready blocks
Fully responsive
shadcn aligned tokens
CLI install & MCP support
Prices in USD.
Secure payment with Polar.sh