Estilos

Tailwind CSS

Clases pequeñas en el HTML en vez de archivos CSS.

EstilosGratisPrincipiante

¿Es para ti?

Úsalo si…

  • Quieres dar estilo sin salir del HTML.
  • Usas React, Vue, Svelte o Astro.
  • Vas a usar librerías como shadcn/ui.

Mejor evítalo si…

  • Te molesta ver muchas clases en el HTML.
  • Tu equipo prefiere CSS clásico por archivos.

Qué es

Con Tailwind escribes el estilo directamente en el marcado con clases como flex, p-4 o text-sm. Se te acaban los nombres de clase inventados y el CSS muerto, y el resultado final solo incluye las clases que de verdad usas.

  • utility-first
  • css
  • responsive

Combina bien con

Herramientas de otras categorías que suelen ir juntas en un mismo proyecto.

Alternativas en Estilos

Ordenadas de principiante a avanzado. Compáralas con Tailwind CSS lado a lado.

  1. BootstrapEl clásico: rejilla y componentes con solo enlazar un CSS.
  2. SassCSS con variables, anidamiento y archivos reutilizables.
  3. styled-componentsEscribe el CSS dentro del propio componente de React.

¿Dudas entre Tailwind CSS y Bootstrap?

Ponlas lado a lado: precio, nivel, cuándo conviene cada una y cómo se empieza.