Coleção gratuita e open source de componentes de UI em Tailwind CSS para copiar e colar nos seus projetos, sem instalar nenhum pacote.
timonweb/django-tailwind
App Django que integra Tailwind CSS a projetos Django, com modo de binário standalone que não precisa de Node.js.
- Estrelas
- 1,757
- Forks
- 106
- Issues abertas
- 1
- Último commit
- há 10 dias
O que é?
django-tailwind configura Tailwind CSS em um projeto Django. O comando `tailwind init` gera um novo app Django (chamado `theme` por padrão) com os arquivos de configuração do Tailwind e de CSS; os comandos `tailwind install` e `tailwind dev` cuidam das dependências e do desenvolvimento.
Há dois modos de instalação. O modo de binário standalone funciona sem Node.js, enquanto o modo baseado em npm requer Node.js 22 ou mais recente. O modo de desenvolvimento inicia os servidores do Django e do Tailwind juntos com um único comando e recarrega automaticamente CSS, configurações e templates.
O pacote requer Python 3.11+ e Django 5.2+, oferece suporte ao Tailwind CSS v4.x, integração opcional com DaisyUI e um comando de gerenciamento para instalar plugins do Tailwind.
Recursos principais
- 01Gera um app Tailwind pronto para uso dentro de um projeto Django.
- 02O modo de binário standalone funciona sem Node.js.
- 03Hot reload de CSS, configuração do Tailwind e templates do Django.
- 04Inicia os servidores de desenvolvimento do Django e do Tailwind com um único comando.
- 05Integração opcional com DaisyUI para usar componentes prontos.
- 06Comando de gerenciamento para instalar plugins do Tailwind.
Casos de uso
- Adicionar estilos com Tailwind CSS a um site Django existente sem configurar um build de JavaScript.
- Prototipar templates Django com utility classes e recarga automática.
- Desenvolver um projeto Django em uma máquina sem Node.js ou na qual não se queira usá-lo.
Início rápido
- 1
Instale django-tailwind com os extras recomendados
pip install 'django-tailwind[cookiecutter,honcho,reload]' - 2
Adicione "tailwind" a INSTALLED_APPS em settings.py
- 3
Crie o app do Tailwind
python manage.py tailwind init - 4
Instale as dependências do Tailwind CSS
python manage.py tailwind install
Antes de usar
- Requer Python 3.11 ou superior e Django 5.2 ou superior.
- O modo de instalação baseado em npm requer Node.js 22 ou superior.
Tópicos
Perguntas frequentes
- O que é django-tailwind?
- App Django que integra Tailwind CSS a projetos Django, com modo de binário standalone que não precisa de Node.js. django-tailwind configura Tailwind CSS em um projeto Django. O comando `tailwind init` gera um novo app Django (chamado `theme` por padrão) com os arquivos de configuração do Tailwind e de CSS; os comandos `tailwind install` e `tailwind dev` cuidam das dependências e do desenvolvimento.
- django-tailwind é gratuito? Qual é a licença?
- django-tailwind é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- django-tailwind ainda é mantido?
- Manutenção ativa. O último commit de django-tailwind foi em 15 de out. de 2026.
- Para que posso usar django-tailwind?
- Adicionar estilos com Tailwind CSS a um site Django existente sem configurar um build de JavaScript. Prototipar templates Django com utility classes e recarga automática. Desenvolver um projeto Django em uma máquina sem Node.js ou na qual não se queira usá-lo.
- Como instalar django-tailwind?
- Instale django-tailwind com os extras recomendados: pip install 'django-tailwind[cookiecutter,honcho,reload]' Adicione "tailwind" a INSTALLED_APPS em settings.py Crie o app do Tailwind: python manage.py tailwind init Instale as dependências do Tailwind CSS: python manage.py tailwind install
- Onde consigo django-tailwind?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/timonweb/django-tailwind
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Um rastreador de mídia self-hosted para filmes, séries, anime, mangás, jogos, livros, quadrinhos e jogos de tabuleiro.
Uma biblioteca gratuita e de código aberto que adiciona componentes de UI prontos como nomes de classes sobre o Tailwind CSS.
Ferramenta de performance para React que detecta e destaca automaticamente componentes que renderizam novamente sem necessidade, sem exigir alterações no código.
Uma especificação de formato e uma CLI para descrever uma identidade visual (tokens de design e texto explicativo), ajudando agentes de código a criar UIs consistentes.
CLI que abre qualquer site em um navegador headless e extrai seu design system como tokens DTCG, configuração do Tailwind, variáveis do Figma e mais.