Tailwind CSS
¿Qué es Tailwind CSS?
Tailwind CSS es el framework CSS utility-first más popular, creado por Adam Wathan en 2017. En lugar de componentes prefabricados (como Bootstrap o Bulma), ofrece cientos de clases atómicas (flex, text-center, mt-4, bg-blue-500, rounded-lg) que se aplican directamente en el HTML. Con PurgeCSS/JIT engine, solo las clases usadas se incluyen en el CSS final, produciendo bundles muy pequeños. Ha ganado adopción masiva en el ecosistema React/Next.js/Vue, siendo la elección por defecto en muchos proyectos modernos. La v3 (2022) introdujo JIT como default, arbitrary values (bg-[#1da1f2]), container queries y muchas mejoras. La v4 (2024) reescribe el engine en Rust con Oxide, performance enormemente mejorado, configuración simplificada y CSS-first. Se complementa con shadcn/ui (componentes copiables basados en Tailwind + Radix UI), HeadlessUI, DaisyUI, Flowbite y cientos de templates comerciales.
¿Por qué aprender Tailwind CSS?
Tailwind es el CSS framework dominante en proyectos frontend modernos en España. Aparece en casi todas las ofertas de React/Next.js junior-senior. Los developers con Tailwind, shadcn/ui y Next.js forman el stack más demandado en startups modernas. Dominarlo (responsive modifiers, dark mode, config theme extension, arbitrary values) te convierte en el desarrollador frontend eficiente que cualquier equipo moderno busca. Para freelancers, acelera drásticamente el tiempo de desarrollo de landings e interfaces.