Pros and cons. What Tailwind CSS does well, and what to expect.
Pros
- Very fast development — build designs directly in HTML.
- Consistent design via pre-defined token system.
- Easy responsive design with built-in breakpoints.
- Simple dark mode with class or CSS variable.
- Minimal bundle size in production (usually < 10kB).
- Used by OpenAI, Shopify, GitHub, NASA, etc.
Cons
- HTML can become very verbose with many classes.
- Learning curve to memorize class names.
- Less flexible than custom CSS for very specific designs.
- Requires a build step to purge unused CSS.
