Colton Voege Criticizes Tailwind CSS for Poor Scalability and Increased Bundle Size

In "Tailwind is the Worst of All Worlds," Colton Voege argues that Tailwind CSS worsens common styling problems instead of resolving them. He claims that Tailwind removes the structural clarity of CSS stylesheets without offering the flexibility or tooling benefits found in CSS-in-JS solutions. Its reliance on untyped class strings leads to repeated logic, larger JavaScript bundles, and lower code readability.

Colton identifies Tailwind’s global configuration file as its only true advantage. By enforcing design tokens, it helps teams maintain consistent styling. However, he suggests that tools like vanilla-extract achieve the same goals with stronger type safety and better scalability. These tools allow developers to build maintainable systems without resorting to verbose class strings.

The essay is direct and detailed, using clear examples to highlight Tailwind’s limitations. It presents a strong case for reconsidering Tailwind in favor of more robust styling strategies.