shadcn/ui

Building blocks

shadcn/ui is made of parts you can use on their own in your project. Copy a prompt to have your AI assistant add one for you, and see the licence card for what you may do with them.

• Ready-made buttons, forms and menus

  Free to use, even in closed products

  Copies well-designed interface pieces, like buttons, dialogs and forms, straight into your React project so you own and can edit them.

  Use it to build

  • React and Next.js apps
  • Starting a design system
  • Admin panels

  Copy promptView code

  Technical details

  Name

  shadcn

  What it is

  Command-line tool

  How to use it

  Copy the code and adapt it

  Install

  npm i shadcnCopy

  Licence

  MIT License (read from packages/shadcn/package.json (licence field))