Repolode
Enviar
tailwindlabs

tailwindlabs/tailwindcss

Un framework CSS utility-first para crear interfaces de usuario personalizadas directamente en HTML y JSX con clases pequeñas y específicas.

Ver en GitHubSitio web
Estrellas
97,945
Forks
8,392
Issues abiertos
90
Último commit
anteayer

¿Qué es?

Tailwind CSS es un framework CSS utility-first. En lugar de escribir hojas de estilos personalizadas con nombres de clase semánticos, los desarrolladores componen los estilos aplicando directamente en el marcado clases de utilidad pequeñas y específicas, como flex, pt-4 o text-center.

El framework se distribuye como un plugin de PostCSS y suele instalarse a través de npm. Genera solo el CSS que el proyecto utiliza y está diseñado para crear interfaces personalizadas rápidamente, sin salir del archivo HTML. Las variantes responsive, las variantes de estado como hover y focus, y el modo oscuro se expresan mediante prefijos en las clases.

El proyecto está escrito en TypeScript y lo mantiene Tailwind Labs. La documentación completa está disponible en tailwindcss.com, y las preguntas y conversaciones sobre funcionalidades tienen lugar en la sección GitHub Discussions.

Funciones clave

  • 01Ofrece clases de utilidad de bajo nivel para diseño, espaciado, tipografía, colores y más.
  • 02Genera solo el CSS que utiliza el proyecto.
  • 03Admite breakpoints responsive y variantes de estado como hover y focus mediante prefijos en las clases.
  • 04Se distribuye como un plugin de PostCSS que se puede instalar a través de npm.
  • 05Admite el modo oscuro mediante variantes basadas en clases.

Casos de uso

  • Crear diseños de componentes personalizados sin escribir hojas de estilos aparte.
  • Prototipar y ajustar diseños directamente en plantillas HTML o JSX.
  • Crear sitios web responsive con escalas coherentes de espaciado y tipografía.

Inicio rápido

  1. 1

    Consulta toda la documentación en tailwindcss.com para ver los pasos de instalación

Temas

#css#css-framework#utility-classes#postcss#responsive-design#frontend#functional-css#responsive#tailwindcss

Preguntas frecuentes

¿Qué es tailwindcss?
Un framework CSS utility-first para crear interfaces de usuario personalizadas directamente en HTML y JSX con clases pequeñas y específicas. Tailwind CSS es un framework CSS utility-first. En lugar de escribir hojas de estilos personalizadas con nombres de clase semánticos, los desarrolladores componen los estilos aplicando directamente en el marcado clases de utilidad pequeñas y específicas, como flex, pt-4 o text-center.
¿tailwindcss es gratuito? ¿Qué licencia tiene?
tailwindcss es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿tailwindcss sigue mantenido?
Mantenimiento activo. El último commit de tailwindcss fue el 19 oct 2026.
¿Para qué puedo usar tailwindcss?
Crear diseños de componentes personalizados sin escribir hojas de estilos aparte. Prototipar y ajustar diseños directamente en plantillas HTML o JSX. Crear sitios web responsive con escalas coherentes de espaciado y tipografía.
¿Cómo se instala tailwindcss?
Consulta toda la documentación en tailwindcss.com para ver los pasos de instalación
¿Dónde consigo tailwindcss?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/tailwindlabs/tailwindcss

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados