Aiolum Browse stories
All tools
Building the product · 2 of 252 stories

shadcn/ui

An open-source set of React interface components that a command-line tool copies into the app's own code, so the team can edit every button, dialog and table.

What shadcn/ui is

Written from its maker's own pages, read on 28 October 2026.

shadcn/ui is a set of accessible interface components and a system for distributing their code, built by shadcn at Vercel. It describes itself as not a component library but a way to build one. A traditional component library is a package that an app installs and imports, and its components are hard to change from outside.

With shadcn/ui, a command-line tool (CLI) copies the source code of each chosen component, such as a button, dialog, data table, calendar, sidebar or chart, into the project itself. The team then owns that code and edits it directly instead of overriding styles. All components share one composable interface and carefully chosen default styles, so they fit together as a design system. A flat-file schema describes components, their dependencies and properties, so that teams can publish their own component registries. Setup commands exist for Next.js, Vite, Laravel, React Router, Astro and TanStack Start, and a set of AI Elements covers chat interfaces. Because the code sits in the project, AI models can read and change it.

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

Made by
shadcn (at Vercel)
Price
Free and open source (read 28 October 2026)
Free plan
free

Who uses it, and for what

One row per story. The grade is for the claim that the business uses this tool, not for its revenue.

StoryWhat it does thereWhenCost statedGradeSource
Inbox ZeroComponent library of the web app, per the repository topics.BGitHub repository elie222/inbox-zero, read 23 October 2026
KleoReady-made interface parts copied into the app.CLagless Portal (note.com), 19 July 2026: Issue 86: $62k MRR in 3 months with zero ads and zero Product Hunt

Grade A: the tool's maker or a payment processor confirms the use. Grade B: an independent report, or the tool is visible in public code. Grade C: the founder or the company says so.

Used in the same businesses

Other tools in the stories above, with the number of stories that share both.

Other tools for the same job

Building the product, with the number of stories that use each.

Back to all tools