Tailwind CSS

Tailwind CSS is the defining utility-first CSS framework: instead of writing traditional classes, you compose interfaces from utility classes (flex, pt-4, text-slate-500) directly in your HTML. The official docs are a selling point of their own — every utility documented with examples, blazing search, and the built-in spacing/color scales double as a design-system textbook.

1. Start with the installation guide for your framework.
2. Then treat the site as a dictionary: want an effect, search the class.
3. Theme customization — brand colors, fonts, radii — is configured in one place and applies everywhere.
4. Components from the official paid library (Tailwind Plus) also work as layout references.
5. Long class strings feel odd at first; finish one full page and the efficiency clicks.

• Compose styles in markup — no naming classes, no file-hopping
• Built-in design constraints (systematic spacing, colors, and type sizes) keep hard-coded one-off values out
• High-quality documentation where search just works
• The core framework is free and open source, with an optional official paid component library