Tools
Know what's in the toolbox
What each tool is, how it's licensed, and when a dev would actually reach for it.
CSS & component libraries
Utility-first CSS, headless primitives, and full component design systems.
shadcn/ui
Open sourceCopy-into-your-repo components
Not a package you install but a set of React components you copy into your project with a CLI, built on accessible primitives and Tailwind. You own and edit the code directly.
Tailwind CSS
Open sourceUtility-first CSS framework
Style directly in markup with small single-purpose classes like `flex`, `px-4`, and `rounded-lg`. Unused classes are stripped at build time, so the shipped CSS stays small.
DaisyUI
Open sourceTailwind component plugin
A Tailwind plugin that adds semantic component classes like `btn`, `card`, and `navbar`, plus themes. Cuts class clutter while keeping Tailwind underneath.
Mantine
Open sourceReact component library
A batteries-included React library with 100+ components, a hooks package, form management, modals, notifications, and dark mode built in.
Ant Design
Open sourceEnterprise React design system
A design system from Ant Group aimed at data-heavy business software, with especially capable tables, trees, filters, and forms.
Radix UI
Open sourceHeadless accessible primitives
Unstyled React primitives (dialogs, dropdowns, popovers, tabs) that handle focus management, keyboard navigation, and ARIA for you. You bring all the styling.
Headless UI
Open sourceHeadless accessible components
Tailwind Labs' set of unstyled, accessible components for React and Vue, designed to pair with Tailwind classes.
Vuetify
Open sourceVue component framework
A complete Material Design component framework for Vue, with a broad set of layout and form components.