Tailwind antes no me convencía… ahora lo uso en todos lados

Voy a ser sincero: Tailwind antes me hacía un poco de ruido.
¿Clases kilométricas? ¿Escribir CSS en el HTML? ¿Memorizar utilidades?
Me sonaba a moda pasajera, a framework que te complica más de lo que te ayuda.

Pero después de darle una chance posta… hermano, no volví más atrás.

Y ahora con Tailwind 4, directamente lo uso en todos lados.

Este artículo no es para evangelizarte ni para decirte que “si no usás Tailwind no sabés CSS”.
No, cero.
Es simplemente mi experiencia real después de usarlo en proyectos grandes, librerías internas y cosas de laburo.

Vamos por partes.

¿Por qué Tailwind es tan odiado?

Porque es diferente.
Porque te rompe un poco la forma clásica de escribir CSS.
Y porque sí, tiene sus cosas molestas.

Los haters generalmente dicen:

• “Es inusable sin el completado automático”
• “Se ve horrible tener todas las clases en el HTML”
• “Escribir CSS ahí es un asco”
• “Eso de memorizar clases es una cagada”
• “Prefiero mi CSS artesanal hecho a mano”

Y ojo, algunas críticas tienen sentido.
Pero también muchas vienen de no haberlo usado lo suficiente o haber probado una versión vieja.

¿Y qué tienen razón?

Sí, el HTML se ve más sucio.
Sí, tenés que memorizar algunas clases (Aunque no hace falta porque tenes todas las clases en la documentación oficial bobi).
Sí, si no usás un buen editor, es un infierno.
Sí, si venís del mundo “SCSS modular”, te saca de tu zona de confort.

Pero pará…
Ahora viene lo bueno.

Tailwind 4 cambió todo (posta)

Tailwind 4 no fue un update más.
Fue un rewrite completo del engine, y es un salto gigante en performance y simplicidad.

Y esto no es marketing, estos son los números reales:

Rendimiento (acá se fueron de tema)

• 3.7x más rápido en builds completas
• 8.8x más rápido en builds incrementales cuando agregás CSS
• 182x más rápido cuando no cambió nada (la mayoría de las veces)

Estamos hablando de microsegundos en esos casos.
Literalmente: cambiaste un archivo, volviste al navegador, y ya está.
Mientras otros frameworks siguen compilando, Tailwind ya terminó y te cebó un mate.

Si odiabas Tailwind porque en proyectos grandes se ponía lento…
Bueno, eso murió.

Instalación simplificada (por fin)

Antes Tailwind tenía un set-up medio denso:

• Configurar content
• Agregar tailwind.config.js
• Agregar base / components / utilities
• Plugins manuales
• Etc.

Ahora con Tailwind 4 es literalmente:

1. Instalás:

1npm i tailwindcss @tailwindcss/postcss

2. Agregás el plugin en PostCSS:

1export default {
2  plugins: ["@tailwindcss/postcss"],
3};

3. Importás en tu CSS:

1@import "tailwindcss";

Listo.
Cero configuración.

Sin content, sin archivos extras, sin mil pasos.
Y encima trae:

• Autoprefixer integrado (Lightning CSS)
• Import rules incluidas
• Funciona out-of-the-box

Si sos de los que hace side-projects todos los fines de semana, esto te cambia la vida.

Lo que realmente hace bien Tailwind (y ahora mejor)

Atomic classes bien pensadas

Tailwind no inventa clases al azar.
Son tokens de diseño.
Eso te arregla la cabeza, te ordena todo sin tener que navegar 300 archivos de CSS.

El nuevo preflight es más liviano

Menos interferencia.
Menos estilos raros aplicándose sin querer.
CSS base más limpio.

Menos configuración, menos dolor

Tailwind 4 se configuró solo.
Literalmente.

Si antes ya tenía poca config, ahora es:

“Pará flaco, ni me toques el config, yo me arreglo”.

Menos archivos.
Menos quilombo.
Menos cosas rotas.

Escalabilidad REAL para interfaces grandes

Cuando tenés:

• 300 componentes
• 40 páginas
• Variantes, dark mode, breakpoints, estados…

Escribir CSS “a mano” deja de ser romántico.
Es un quilombo.

Tailwind te da estructura sin que vos tengas que inventarla.
Ordenás todo desde el markup, mantenés consistencia y te olvidás del “¿qué archivo tocaba?”.

Lo que sigue sin gustarme (porque nada es perfecto)

No todo es color de rosas.

• El HTML se ve feo a veces
• Si usás clases mal pensadas, queda ilegible
• Para animaciones complejas, igual vas a usar CSS puro
• Si no usás un buen diseño base, puede quedar Frankenstein

Pero sinceramente… los beneficios le ganan por goleada.

¿Entonces… lo recomiendo?

Mas vale.

Si hacés UI moderna, sí.
Sin dudas.

Si estás haciendo un portfolio, un SaaS, un dashboard, una librería de componentes (como yo), una web corporativa…
Tailwind te acelera todo.

Si querés aprender CSS desde cero, quizá no lo tocaría aún.
Pero cuando ya sabés CSS, Tailwind es como un power-up mental.

Cierro con esto

Tailwind antes no me convencía del todp.
Pero después de usarlo en serio, y ahora con la versión 4, lo uso en todos lados:

• Es rápido
• Es simple
• Escala
• Se mantiene solo
• Y no te rompe la estructura mental

¿Es perfecto? No.
¿Es el enemigo del CSS? Tampoco.
¿Es una herramienta increíble si la usás bien? Totalmente.

Y a esta altura… si Tailwind sigue así, no lo dejo más.