Was ist shadcn/ui? Definition & Kontext

shadcn/ui is a component library built on Tailwind CSS and Radix UI primitives. Its key idea is "copy-paste, not install": instead of importing components from a versioned package, you copy the source into your project and own it. This makes the components fully customizable and removes the npm dependency footprint.

The pattern has become a near-default for AI-generated React UIs because it's exactly what models produce well: Tailwind classes, a11y baked in via Radix, no opaque internals to mess up. When you tell an agent "use shadcn/ui", it knows the conventions — components live in components/ui/, variants use class-variance-authority, and primitives compose cleanly.

For agents, shadcn lowers cognitive load: it's a known shape, and most quality issues (focus management, keyboard nav, ARIA) are already handled by the underlying Radix primitives. The agent only has to write composition.