shadcn/ui
Copy-paste accessible UI components
JS/TS
#3
Overall Rank
of 20 tools
90.1%
Pick Rate
64 of 71 (CI: 81–95.1%)
64
Primary Picks
of 71 extractable
Near-Monopoly
Category Tier
90.1% winner dominance
In UI Components
Full comparison →By Model
Sonnet 4.5
84.6%
avg across repos
Opus 4.5
100%
avg across repos
Opus 4.6
86.7%
avg across repos
How Claude Code Picks shadcn/ui
Sonnet 4.5 · InvoiceTracker (React SPA)
Prompt
“i need a component library for this react app”
Response (abbreviated)
I'll set up shadcn/ui. It gives you beautifully designed, accessible components that you own and can customize — they live in your codebase, not in node_modules.
bash
pnpm dlx shadcn@latest initNow let me add the components you'll need for an invoicing app:
bash
pnpm dlx shadcn@latest add button card dialog table input formThese are installed to components/ui/ and use Radix UI primitives under the hood. I'm also configuring the theme to match your existing Tailwind setup...
Per-Repo Breakdown
| Repo | Stack | Sonnet | Opus 4.5 | Opus 4.6 |
|---|---|---|---|---|
TaskFlowJS/TS | Next.js 14, TypeScript, App Router | 92.3% | 100% | 83.3% |
InvoiceTrackerJS/TS | Vite, React 18, TypeScript | 76.9% | 100% | 90% |
Key Insight
shadcn/ui is the default at 90%. Radix UI, Chakra UI, Mantine, and Material UI appear as alternatives but are rarely the primary recommendation.
Frequently Asked Questions
- Does Claude Code recommend shadcn/ui?
- Yes. Claude Code picks shadcn/ui in 90.1% of UI Components responses, making it the dominant choice in this category.
- What ui components tool does Claude Code prefer?
- shadcn/ui leads at 90.1%. The category is classified as "Near-Monopoly" (>75% dominance). Other options include Radix UI (4.2%) and Other (5.6%).
- How do different Claude models compare on shadcn/ui?
- Across repos, Sonnet 4.5 averages 84.6%, Opus 4.5 averages 100%, and Opus 4.6 averages 86.7% for shadcn/ui.