TailwindCSS: Adds complexity, does nothing. - DEV Community

If you work in the front-end, you've probably heard a lot about TailwindCSS, a CSS library, much like...

If you work in the front-end, you've probably heard a lot about TailwindCSS, a CSS library, much like Bootstrap. Much unlike Bootstrap, however, Tailwind takes a different approach - it is all "utility classes". And I am not a fan. I got a whiff of it and quickly learned the name is appropos: it was as welcome and useful as passed gas. Before we start, let me try to explain what a utility class is. Let's say that you have many components, and many of them need to have the CSS style property: "display: flex;". Instead of writing that over and over in your css, multiple times, instead you create

related reading

• Why I Love Tailwind | Max Stoiber (@mxstbr)mxstbr.com
• Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.tailwindcss.com
• Tailwind CSS: From Side-Project Byproduct to Multi-Million Dollar Business – Adam Wathanadamwathan.me
• Quickstart with TailwindCSS – Plasmodocs.plasmo.com
• Theme variables - Core concepts - Tailwind CSStailwindcss.com
• Dark Mode in Tailscale: Technical Insights into the Revamped Admin Consoletailscale.com
• Tailwind CSS Colors - All colors + Custom color generatoruicolors.app
• Impeccable: The missing upgrade to Anthropic's impeccable skillimpeccable.style
• UI Skills for Design Engineers | UI Skillsui-skills.com
• ui.sh — Agent skills for interface buildersui.sh
• Tao of React - Software Design, Architecture & Best Practices | Alex Kondovalexkondov.com
• React Components, Templates & Themes — 12,000+ Crafted UI | 21st21st.dev