tools

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 source

Copy-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 source

Utility-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 source

Tailwind 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 source

React 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 source

Enterprise 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 source

Headless 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 source

Headless accessible components

Tailwind Labs' set of unstyled, accessible components for React and Vue, designed to pair with Tailwind classes.

Vuetify

Open source

Vue component framework

A complete Material Design component framework for Vue, with a broad set of layout and form components.

WWADD — Moves. Stacks. Judgment calls.

FREE REFERENCE · NO LOGIN · NO TRACKING