Бесплатная коллекция UI-компонентов на Tailwind CSS с открытым исходным кодом: скопируйте их в свой проект, ничего устанавливать не нужно.
timonweb/django-tailwind
Приложение для интеграции Tailwind CSS в проект Django с автономным режимом, которому не нужен Node.js.
- Звёзды
- 1,757
- Форки
- 106
- Открытые issues
- 1
- Последний коммит
- 10 дней назад
Что это?
django-tailwind настраивает Tailwind CSS внутри проекта Django. Команда `tailwind init` создаёт новое приложение Django (по умолчанию с именем theme) с конфигурацией Tailwind и CSS-файлами, а команды `tailwind install` и `tailwind dev` управляют зависимостями и разработкой.
Доступны два режима установки. Автономный режим работает без Node.js, а для режима на базе npm требуется Node.js версии 22 или новее. В режиме разработки серверы Django и Tailwind запускаются одной командой, а изменения в CSS, конфигурации и шаблонах автоматически перезагружаются.
Пакету требуются Python 3.11+ и Django 5.2+. Он поддерживает Tailwind CSS v4.x, предлагает опциональную интеграцию с DaisyUI и команду управления для установки плагинов Tailwind.
Ключевые возможности
- 01Создаёт готовое к использованию приложение Tailwind внутри проекта Django.
- 02Автономный режим работает без Node.js.
- 03Горячая перезагрузка CSS, конфигурации Tailwind и шаблонов Django.
- 04Запускает серверы разработки Django и Tailwind одной командой.
- 05Опциональная интеграция с DaisyUI для готовых компонентов.
- 06Команда управления для установки плагинов Tailwind.
Сценарии использования
- Добавление стилей Tailwind CSS в существующий сайт на Django без настройки сборки JavaScript.
- Создание прототипов шаблонов Django с utility-классами и автоматической перезагрузкой.
- Сборка проекта Django на компьютере, где Node.js недоступен или нежелателен.
Быстрый старт
- 1
Установите django-tailwind с рекомендуемыми extras
pip install 'django-tailwind[cookiecutter,honcho,reload]' - 2
Добавьте «tailwind» в INSTALLED_APPS в settings.py
- 3
Создайте приложение Tailwind
python manage.py tailwind init - 4
Установите зависимости Tailwind CSS
python manage.py tailwind install
Что важно знать
- Требуются Python 3.11 или новее и Django 5.2 или новее.
- Для режима установки через npm требуется Node.js 22 или новее.
Темы
Частые вопросы
- Что такое django-tailwind?
- Приложение для интеграции Tailwind CSS в проект Django с автономным режимом, которому не нужен Node.js. django-tailwind настраивает Tailwind CSS внутри проекта Django. Команда `tailwind init` создаёт новое приложение Django (по умолчанию с именем theme) с конфигурацией Tailwind и CSS-файлами, а команды `tailwind install` и `tailwind dev` управляют зависимостями и разработкой.
- django-tailwind можно использовать бесплатно? Какая у него лицензия?
- django-tailwind распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- django-tailwind всё ещё поддерживается?
- Активно поддерживается. Последний коммит в django-tailwind — 15 окт. 2026 г..
- Для чего можно использовать django-tailwind?
- Добавление стилей Tailwind CSS в существующий сайт на Django без настройки сборки JavaScript. Создание прототипов шаблонов Django с utility-классами и автоматической перезагрузкой. Сборка проекта Django на компьютере, где Node.js недоступен или нежелателен.
- Как установить django-tailwind?
- Установите django-tailwind с рекомендуемыми extras: pip install 'django-tailwind[cookiecutter,honcho,reload]' Добавьте «tailwind» в INSTALLED_APPS в settings.py Создайте приложение Tailwind: python manage.py tailwind init Установите зависимости Tailwind CSS: python manage.py tailwind install
- Где скачать django-tailwind?
- Исходный код и инструкции по установке — на GitHub: https://github.com/timonweb/django-tailwind
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Самостоятельно размещаемый трекер фильмов, сериалов, аниме, манги, игр, книг, комиксов и настольных игр.
Бесплатная библиотека компонентов с открытым исходным кодом: готовые UI-компоненты доступны в Tailwind CSS через имена классов.
Инструмент для поиска проблем с производительностью в React: автоматически находит и подсвечивает компоненты с ненужными повторными рендерами без изменений кода.
Спецификация формата и CLI для описания визуальной идентичности (дизайн-токены и пояснения), чтобы coding agents могли создавать согласованные интерфейсы.
CLI открывает любой сайт в headless-браузере и извлекает его дизайн-систему в виде токенов DTCG, конфига Tailwind, переменных Figma и других форматов.