Tailwind CSS na prática — por que adotei e não volto mais

O que é Tailwind CSS?

Tailwind é um framework CSS utilitário — em vez de classes semânticas como .card ou .button, você usa classes de baixo nível como flex, bg-blue-500, rounded-xl diretamente no HTML.

Por que o mercado adotou

A principal vantagem é a velocidade. Você não precisa sair do arquivo para escrever CSS, não precisa inventar nomes de classes e o bundle final é pequeno porque só inclui as classes que você realmente usou.

Comparação rápida

Com CSS tradicional:

.card {
  background: white;
  border-radius: 12px;
  padding: 16px;
}

Com Tailwind:

<div class="bg-white rounded-xl p-4"></div>

Quando não usar

Para projetos muito grandes com equipes que já têm um design system consolidado, Tailwind pode gerar inconsistências se não houver disciplina. Mas para projetos pessoais e startups, é imbatível.