The anatomy of shadcn/ui

shadcn/ui is a UI library that allows users to declare a design system as code. It distributes components through a CLI instead of an npm package, giving users ownership and control over the code. The library follows a two-layered architecture, separating structure and behavior from style. It utilizes headless UI libraries like Radix UI and React Hook Form for complex behaviors. The components are styled using TailwindCSS and Class Variance Authority, promoting consistent and reusable styles. Some key components include Badge, Switch, Calendar, Table, and Form.