![](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>)
Built on shadcn/ui
Full React component library built on the official shadcn/ui patterns, conventions, and best practices.
Built on shadcn/ui
Full React component library built on the official shadcn/ui patterns, conventions, and best practices.
Built on shadcn/ui
Full React component library built on the official shadcn/ui patterns, conventions, and best practices.
Built on shadcn/ui
Full React component library built on the official shadcn/ui patterns, conventions, and best practices.
Aligned to the Pro Figma Kit
Every component matches the Pro UI Kit one-to-one so teams design and code with total consistency.
Aligned to the Pro Figma Kit
Every component matches the Pro UI Kit one-to-one so teams design and code with total consistency.
Aligned to the Pro Figma Kit
Every component matches the Pro UI Kit one-to-one so teams design and code with total consistency.
Aligned to the Pro Figma Kit
Every component matches the Pro UI Kit one-to-one so teams design and code with total consistency.
Zero Setup Required (with MCP)
Install and start building immediately. Components, tokens, and MCP are ready to use out of the box.
Zero Setup Required (with MCP)
Install and start building immediately. Components, tokens, and MCP are ready to use out of the box.
Zero Setup Required (with MCP)
Install and start building immediately. Components, tokens, and MCP are ready to use out of the box.
Zero Setup Required (with MCP)
Install and start building immediately. Components, tokens, and MCP are ready to use out of the box.
Production Ready Code
Clean, modern, fully typed React and Tailwind code that is ready for real products, not just demos.
Production Ready Code
Clean, modern, fully typed React and Tailwind code that is ready for real products, not just demos.
Production Ready Code
Clean, modern, fully typed React and Tailwind code that is ready for real products, not just demos.
Production Ready Code
Clean, modern, fully typed React and Tailwind code that is ready for real products, not just demos.
Composable and Extendible
Use components straight out of the box or customise them easily to fit your product needs.
Composable and Extendible
Use components straight out of the box or customise them easily to fit your product needs.
Composable and Extendible
Use components straight out of the box or customise them easily to fit your product needs.
Composable and Extendible
Use components straight out of the box or customise them easily to fit your product needs.
Responsive by Default
Blocks and component states are built with responsive behaviour baked in.
Responsive by Default
Blocks and component states are built with responsive behaviour baked in.
Responsive by Default
Blocks and component states are built with responsive behaviour baked in.
Responsive by Default
Blocks and component states are built with responsive behaviour baked in.
Theme your entire app in seconds
Theme your entire app in seconds
Theme your entire app in seconds
Theme your entire app in seconds
Generate production code with zero friction
Generate production code with zero friction
Generate production code with zero friction
Generate production code with zero friction
Pro shadcn/ui Figma & React Blocks
Pro shadcn/ui Figma & React Blocks
Pro shadcn/ui Figma & React Blocks
Pro shadcn/ui Figma & React Blocks
Marketing
Pro shadcn/ui Figma & React Components
Pro shadcn/ui Figma & React Components
Pro shadcn/ui Figma & React Components
Pro shadcn/ui Figma & React Components
Marketing
Pricing
Upgrade anytime. Pay only the difference between products.
Select license
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.
Easy theming via our plugin
All shadcn components
All shadcn blocks
All 5 complete icon sets
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
42+ Pro Components
132+ Blocks to ship faster
Full page Templates
Perfect for marketing sites
Ideal for product apps [New]
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
+
Free
Looking for a free option?
Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.
Pricing
Upgrade anytime. Pay only the difference between products.
Select license
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.
Easy theming via our plugin
All shadcn components
All shadcn blocks
All 5 complete icon sets
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
42+ Pro Components
132+ Blocks to ship faster
Full page Templates
Perfect for marketing sites
Ideal for product apps [New]
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
+
Free
Looking for a free option?
Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.
Pricing
Upgrade anytime. Pay only the difference between products.
Select license
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.
Easy theming via our plugin
All shadcn components
All shadcn blocks
All 5 complete icon sets
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
42+ Pro Components
132+ Blocks to ship faster
Full page Templates
Perfect for marketing sites
Ideal for product apps [New]
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
+
Free
Looking for a free option?
Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.
Pricing
Upgrade anytime. Pay only the difference between products.
Select license
Single
Team
Enterprise
For solo designers and developers
Fast support • Unlimited projects • Lifetime updates
Base
All official shadcn/ui components and blocks in Figma. Everything you need to start designing with a strong foundation.
Easy theming via our plugin
All shadcn components
All shadcn blocks
All 5 complete icon sets
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
42+ Pro Components
132+ Blocks to ship faster
Full page Templates
Perfect for marketing sites
Ideal for product apps [New]
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
+
Free
Looking for a free option?
Access a curated set of shadcn components in the Figma community library, try tweakcn theming, and use the free Shadcraft registry. A simple way to trial the kit before upgrading.