Shadcn Design icon

Shadcn Design

A comprehensive UI kit for Figma based on the popular shadcn/ui components.

Get the UI kit →
Screenshot of the Shadcn Design UI kit

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 →

Platforms:

Share on:
← Back to all kits

Browse more UI kits

View all →

Browse more platforms

All platforms →