shadcn/ui Component Patterns

Quick Guide: shadcn/ui is a distribution rather than a dependency — npx shadcn@latest add writes component source into your repository and you own it from then on. Three consequences shape everything else: customisation means editing the file, not overriding it from outside; upgrades are a diff you review rather than a version bump; and the components arrive already composed out of a primitive library and utility CSS, which the source imports by name. Theme through CSS custom properties in OKLCH, merge classes through cn(), and lay fields out with Field, which replaced the form-library-coupled Form/FormField pattern.

Detailed Resources: