shadcn/ui
Copy-paste React components built on Radix and Tailwind that you own and customise.
The default answer for good-looking React UI right now. You copy the code into your repo instead of installing a black box — which is exactly the model AI tools work best with.
shadcn/ui is not a component library you install — it is a registry you copy from. The CLI drops fully-styled, accessible components (built on Radix primitives and Tailwind) straight into your codebase, so you own every line and can edit it. That ownership model is why it pairs so well with AI: the agent can see and modify the actual component, not a minified dependency.
Start with this
# initialise in a React + Tailwind project
npx shadcn@latest init
# add only the components you need
npx shadcn@latest add button dialog dropdown-menuThe take, for AI builders
For AI builders this is close to ideal: the components land in your repo as plain, readable code, so Claude Code or Cursor can restyle and extend them without fighting an opaque API. Start here, then layer something like Aceternity on top when you want flair. Don't treat it as a finished design system — it is a well-made starting point you are meant to shape.
When to reach for it
✓ Good fit
- React + Tailwind projects that want quality components fast
- You want to own and customise the component code
- Working with AI agents that need to read and edit the components
✕ Not for
- You are not on React (it is React-first)
- You want a drop-in, never-touch-it library with its own update channel
Alternatives
The unstyled primitives shadcn builds on — use directly for full styling control.
Same copy-paste model but framework-agnostic (works beyond React).
Related in UI & components
Aceternity UI
Flashy, animated React and Tailwind components — gradients, beams, 3D cards and hero effects.
- react
- tailwind
- animation
Where you go when good-looking is not enough and you want wow. Use sparingly; a little goes a long way, and a whole page of effects reads as a template.
Visit ↗Ant Design
An enterprise-focused React UI library with 60+ components, TypeScript support and built-in i18n.
- react
- enterprise
- components
The default for data-dense enterprise and admin UIs — tables, forms, the works. Distinctive look; great for dashboards, less so for marketing sites.
Visit ↗Ark UI
A headless component library built on state machines that works across React, Vue, Solid and Svelte.
- headless
- multi-framework
- accessibility
Headless components built on state machines that behave identically across four frameworks. The pick if you're not React-only. From the Chakra team.
Visit ↗