Tech Foutraque

Community Picks is a section on daily.dev where our community members share the most interesting and valuable content they've discovered online. From insightful articles to handy tools, every post is a gem curated by our dedicated coomunity. To contribute to Community Picks, you need to have at least 250 reputation points, ensuring that only active and trusted members can share their finds.

Community Picks

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.

The anatomy of shadcn/ui