All activity
A complete, code-aligned shadcn/ui design kit for Figma. Every essential component and block is built pixel-perfect to match the real library, so your designs map cleanly to production code. Includes instant theming with tweakcn and a consistent token system that helps teams design faster without rebuilding the basics.

Base Figma shadcn/ui KitAll the essential shadcn/ui components and blocks for Figma
Shadcraftleft a comment
We built this kit because shadcn/ui has become a go-to for modern product teams, but there wasn’t a reliable, code-accurate way to design with it in Figma. Everyone was rebuilding components by hand, guessing spacing, or hacking together their own mini kits. I wanted a clean, dependable starting point that actually matches the real library and helps teams move faster. After months refining the...

Base Figma shadcn/ui KitAll the essential shadcn/ui components and blocks for Figma
Shadcraftleft a comment
Yes Kapish! Good luck with the launch
shadcn/rssStay updated with the shadcn/ui ecosystem
Shadcraftleft a comment
Good luck @sahaj_jain!

tweakcnDesign your perfect shadcn/ui theme with real-time preview
