Colección gratuita y de código abierto de componentes de interfaz para Tailwind CSS que puedes copiar y pegar en tus proyectos, sin instalar ningún paquete.
timonweb/django-tailwind
Una app de Django que integra Tailwind CSS en un proyecto Django y ofrece un modo binario independiente que no requiere Node.js.
- Estrellas
- 1,757
- Forks
- 106
- Issues abiertos
- 1
- Último commit
- hace 10 días
¿Qué es?
django-tailwind configura Tailwind CSS dentro de un proyecto Django. El comando `tailwind init` genera una nueva app de Django (llamada `theme` de forma predeterminada) que incluye los archivos de configuración de Tailwind y de CSS; los comandos `tailwind install` y `tailwind dev` gestionan las dependencias y el desarrollo.
Hay dos modos de instalación. El modo binario independiente funciona sin Node.js, mientras que el modo basado en npm requiere Node.js 22 o posterior. El modo de desarrollo ejecuta los servidores de Django y Tailwind juntos con un solo comando y recarga automáticamente el CSS, la configuración y las plantillas.
El paquete requiere Python 3.11+ y Django 5.2+, es compatible con Tailwind CSS v4.x e incluye una integración opcional con DaisyUI y un comando de administración para instalar plugins de Tailwind.
Funciones clave
- 01Genera una app de Tailwind lista para usar dentro de un proyecto Django.
- 02El modo binario independiente funciona sin Node.js.
- 03Recarga en caliente el CSS, la configuración de Tailwind y las plantillas de Django.
- 04Inicia los servidores de desarrollo de Django y Tailwind con un solo comando.
- 05Integración opcional con DaisyUI para usar componentes prediseñados.
- 06Comando de administración para instalar plugins de Tailwind.
Casos de uso
- Añadir estilos de Tailwind CSS a un sitio Django existente sin configurar una compilación de JavaScript.
- Crear prototipos de plantillas de Django con clases de utilidad y recarga en vivo.
- Desarrollar un proyecto Django en un equipo donde Node.js no está disponible o no se desea usar.
Inicio rápido
- 1
Instala django-tailwind con los extras recomendados
pip install 'django-tailwind[cookiecutter,honcho,reload]' - 2
Añade "tailwind" a INSTALLED_APPS en settings.py
- 3
Crea la aplicación Tailwind
python manage.py tailwind init - 4
Instala las dependencias de Tailwind CSS
python manage.py tailwind install
Antes de usarlo
- Requiere Python 3.11 o posterior y Django 5.2 o posterior.
- El modo de instalación basado en npm requiere Node.js 22 o posterior.
Temas
Preguntas frecuentes
- ¿Qué es django-tailwind?
- Una app de Django que integra Tailwind CSS en un proyecto Django y ofrece un modo binario independiente que no requiere Node.js. django-tailwind configura Tailwind CSS dentro de un proyecto Django. El comando `tailwind init` genera una nueva app de Django (llamada `theme` de forma predeterminada) que incluye los archivos de configuración de Tailwind y de CSS; los comandos `tailwind install` y `tailwind dev` gestionan las dependencias y el desarrollo.
- ¿django-tailwind es gratuito? ¿Qué licencia tiene?
- django-tailwind es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿django-tailwind sigue mantenido?
- Mantenimiento activo. El último commit de django-tailwind fue el 15 oct 2026.
- ¿Para qué puedo usar django-tailwind?
- Añadir estilos de Tailwind CSS a un sitio Django existente sin configurar una compilación de JavaScript. Crear prototipos de plantillas de Django con clases de utilidad y recarga en vivo. Desarrollar un proyecto Django en un equipo donde Node.js no está disponible o no se desea usar.
- ¿Cómo se instala django-tailwind?
- Instala django-tailwind con los extras recomendados: pip install 'django-tailwind[cookiecutter,honcho,reload]' Añade "tailwind" a INSTALLED_APPS en settings.py Crea la aplicación Tailwind: python manage.py tailwind init Instala las dependencias de Tailwind CSS: python manage.py tailwind install
- ¿Dónde consigo django-tailwind?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/timonweb/django-tailwind
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Un gestor multimedia autoalojado para películas, series, anime, manga, videojuegos, libros, cómics y juegos de mesa.
Una biblioteca gratuita y de código abierto que añade componentes de UI listos para usar como nombres de clases sobre Tailwind CSS.
Herramienta de rendimiento para React que detecta y resalta automáticamente los componentes que provocan renderizados innecesarios, sin necesidad de cambiar el código.
Especificación de formato y CLI para describir una identidad visual (tokens de diseño y texto) y ayudar a los agentes de código a crear interfaces coherentes.
CLI que abre cualquier sitio web en un navegador headless y extrae su sistema de diseño como tokens DTCG, configuración de Tailwind, variables de Figma y más.