Se você me perguntasse há 5 anos o que eu achava de colocar classes como flex items-center justify-between direto no meu HTML, eu provavelmente diria que isso era uma heresia. Como desenvolvedores, fomos ensinados que a separação de responsabilidades (HTML para estrutura, CSS para estilo) era sagrada.
Mas o Tailwind CSS provou que eu estava errado. E hoje, não começo nenhum projeto sem ele.
O problema dos arquivos CSS gigantes
Em 15 anos de carreira, vi muitos projetos onde o arquivo global.css virava um “cemitério de código”. Ninguém tinha coragem de deletar nada com medo de quebrar um layout em outra página. O resultado? Bundles de CSS de 2MB que ninguém entendia.
O Tailwind resolve isso sendo um framework Utility-First.
Por que Tailwind funciona:
- Não mais nomes de classes inúteis: Você não precisa mais inventar nomes como
wrapper-inner-header-container. Você apenas aplica as utilidades. - Consistência de Design System: O Tailwind te “força” a usar uma escala de cores, espaçamentos e fontes pré-definida. Isso evita que você tenha 50 tons de azul diferentes no seu site.
- Performance Absurda: O compilador do Tailwind verifica quais classes você usou e gera um arquivo CSS Final que contém apenas o necessário. Geralmente, menos de 10KB.
O “Aha!” Moment
Meu momento de clareza veio quando precisei fazer um componente complexo ser responsivo. No CSS tradicional, seriam dezenas de media queries. No Tailwind, é apenas isso:
<div class="w-full md:w-1/2 lg:w-1/3">
<!-- Conteúdo -->
</div>É rápido, intuitivo e fica tudo no mesmo lugar.
Críticas comuns e por que elas não batem
Muitos reclamam que o HTML fica “sujo”. Sim, ele fica mais verboso. Mas o benefício de não precisar alternar entre 5 arquivos para entender por que um botão está desalinhado compensa qualquer “sujeira” visual no código. Além disso, com componentes (React, Astro, Vue), você escreve esse HTML uma vez só.
Conclusão
O Tailwind CSS é sobre produtividade. Ele permite que eu saia da fase de design para a implementação final em uma fração do tempo. Se você ainda tem preconceito, dê uma chance real por um projeto inteiro. Você não vai querer voltar.
Qual sua relação com o Tailwind? Amor, ódio ou ‘depende’? Deixe seu comentário!