Web Tech

Tailwind CSS

Framework CSS utility-first que provee clases atómicas para construir UIs sin escribir CSS custom.

Definición técnica

Tailwind CSS adopta enfoque utility-first: en vez de clases semánticas tipo .button, usa clases atómicas tipo .px-4 .py-2 .bg-blue-500. Resulta en HTML más verboso pero CSS final muy pequeño (sólo las clases usadas se compilan). v4 (2024) añade compilación nativa, sin PostCSS. Adoptado por: GitHub, Vercel, Shopify, miles más.

Por qué importa

Tailwind acelera development 2-3x para sitios donde el design system es claro. Para sitios bespoke con identidad fuerte, requiere más curación.

¿Necesitas aplicar Tailwind CSS en tu sitio?

Implementamos esto y todo lo relacionado en proyectos reales para empresas chilenas.