Tailwind CSS

Tailwind CSS eliminates the context-switching between HTML and CSS files. Utility classes directly in the markup mean you see what an element looks like by reading its class list. The approach feels wrong for about a day, then becomes indispensable.

The real advantage is consistency. Tailwind's design tokens — spacing scale, colour palette, breakpoints — enforce a system without requiring a design system team. Combined with component extraction in React, you get reusable UI patterns without the overhead of maintaining a separate CSS architecture.