stackpicks.dev
Back to gallery
shadcn-ui/ui preview
shadcn-ui
shadcn-ui/

ui

A set of beautifully-designed, accessible components and a code distribution platform. Works with your favorite frameworks. Open Source. Open Code.

Stars
114.8k
Forks
8.9k
Watchers
114.8k
Open issues
1936
TypeScriptMIT main Updated 18 hours ago~93 stars/day lifetime
Editor's take

The default for Next.js builders in 2026. Not a dependency — you copy components into your codebase and own them forever. Built on Radix primitives so accessibility is solid out of the box. The catch: when something breaks or needs updating, you maintain it yourself. For most apps that is the right trade. For huge teams it can create drift across projects. Survey data from 2026 puts it as the third-most-loved tool in the React ecosystem.

Use this if

You are on Next.js or Vite + React with Tailwind, you want full control over component code, and you do not mind some manual maintenance.

Skip if

You need Material Design specifically, you want automatic library upgrades, or you are not on Tailwind.

UI ComponentsDesign Systems
Topics
base-uicomponentslaravelnextjsradix-uireactshadcntailwindcsstanstackuivite
Quick install
# Install via npm / pnpm / bun:
pnpm add ui
# or
npm install ui

Inferred from TypeScript · always double-check against the official README below.

README — rendered from shadcn-ui/ui

shadcn/ui

A set of beautifully designed components that you can customize, extend, and build on. Start here then make it your own. Open Source. Open Code. Use this to build your own component library.

hero

Documentation

Visit https://ui.shadcn.com/docs to view the documentation.

Contributing

Please read the contributing guide.

License

Licensed under the MIT license.

Live data via GitHub REST API · Cached 30 min · Created 04 Jan 2023