This Figma file contains the design components for the @shadcn/ui design system. Pietro Schirano created it to perfectly match the code implementation of the @shadcn/ui React component library.

The design system uses Radix UI and Tailwind CSS to build accessible and customizable UI components that can be copied and pasted into apps. It showcases over a dozen components, such as Buttons, Cards, Input, and Select.



More Resources Like This