shadcn/ui logo

shadcn/ui

Beautiful, accessible React components you copy into your own codebase.

✓ No sign-upCommercial use OKMITUI Kits & Templates
Open shadcn/ui ui.shadcn.com

What is shadcn/ui?

shadcn/ui is a collection of accessible React components built with Radix UI and Tailwind CSS. Instead of installing a package, you copy the component code into your project, so you own and can change every line.

The site includes buttons, dialogs, forms, tables, charts, full page blocks and themes. A CLI adds components to your project in seconds.

License and usage

Yes. shadcn/ui is released under the MIT license, which allows commercial use without attribution.

Check the license. Licenses can change, and some items inside a library have their own terms. Always confirm the license on the original website before using a resource in your project.

What you get

  • Copy-and-own React components
  • Built on Radix UI and Tailwind
  • Charts, blocks and themes
  • CLI for adding components

Pros

  • Full control over the code
  • Accessible by default
  • Huge community and ecosystem

Cons

  • React and Tailwind only
  • You maintain the copied code yourself

Best for

Next.js and React appsSaaS dashboardsDesign systems

shadcn/ui FAQ

Is shadcn/ui free?

shadcn/ui is free and open source under the MIT license.

Can I use shadcn/ui for commercial projects?

Yes. shadcn/ui is released under the MIT license, which allows commercial use without attribution.

Do I need an account to download from shadcn/ui?

No. You can browse ui.shadcn.com and download without signing up.

What are some alternatives to shadcn/ui?

Other free options include HTML5 UP, Start Bootstrap, HyperUI, Flowbite and daisyUI.

Similar to shadcn/ui

More free resources you can download without an account.

Browse free resources