Shadcn Design
A comprehensive UI kit for Figma based on the popular shadcn/ui components.
Built for designers who want to create modern web interfaces quickly, Shadcn Design brings together over 2,000 components, charts and design assets that perfectly match the shadcn/ui React library. The kit comes with a dedicated Figma plugin that helps export theme settings directly to code.
Key Features:
- 2000+ pixel-perfect components that match shadcn/ui exactly
- 79 customisable charts for data visualisation
- Light and dark mode versions included
- Built with Figma variables for easy customisation
- Regular updates and creator support
- Figma plugin to export theme settings to code
Shadcn Design helps designers create web interfaces more efficiently by providing ready-made components that developers can implement without starting from scratch. Since all elements are based on the widely-used shadcn/ui library, it bridges the gap between design and development, making the handover process smoother.
Get the UI kit →