ShadCN/UI is a collection of beautifully-designed, accessible components built with TypeScript, Tailwind CSS, and headless UI primitives (Base UI or Radix UI). Unlike traditional component libraries, ShadCN uses a copy-paste model - components are copied into YOUR project, giving you full ownership and customization control.
Core Principle: You own the code. Components live in your project (typically src/components/ui/), not in nodemodules. This fundamentally changes how you think about customization - edit the source directly.
| Base UI | Prefer MUI ecosystem, need unstyled primitives with strong React patterns | | Radix UI | Want extensive primitive catalog, strong accessibility defaults |
Da utilizzare durante la creazione di interfacce utente React con librerie di componenti, implementazione di moduli, finestre di dialogo, navigazione o visualizzazione di dati. Da utilizzare quando l'utente menziona shadcn, Radix UI, Base UI o chiede informazioni sui componenti React accessibili. Suggerisci in modo proattivo durante la creazione dell'interfaccia utente che trarrebbe vantaggio da componenti accessibili predefiniti con stile CSS Tailwind. Fonte: akornmeier/claude-config.