Skip to main content

Django and Tailwind integration based on the prebuilt Tailwind CSS CLI.

Project description

django-tailwind-cli

GitHub Workflow Status PyPI Code style: black GitHub Django Versions Python Versions Downloads Downloads / Month

This library provides an integration of Tailwind CSS for Django that is using on the precompiled versions of the Tailwind CSS CLI.

The goal of this library is to provided the simplest possible Tailwind integration for your Django project. It took its inspiration from the Tailwind integration for Phoenix which completely skips the neccesity of a node installation.

Installation

  1. Install the library.

    python -m pip install django-tailwind-cli
    
  2. Add django_tailwind_cli to INSTALLED_APPS in settings.py.

    INSTALLED_APPS = [
        # other Django apps
        "django_tailwind_cli",
    ]
    
  3. Configure the STATICFILES_DIRS parameter in your settings.py if not already configured.

    STATICFILES_DIRS = [BASE_DIR / "assets"]
    
  4. Add template code.

    {% load tailwind_cli %}
    ...
    <head>
      ...
      {% tailwind_css %}
      ...
    </head>
    
  5. Start the debug server.

    python manage.py tailwind runserver
    

Enjoy!

Checkout the detailed installation guide if you want to activate browser reload or the runserver_plus management command known from django-extensions.

Features

  • Simplest possible integration.
  • Management commands:
    • To start the Tailwind CLI in watch mode during development.
    • To build the production grade CSS file for your project.
    • To start a debug server along with the Tailwind CLI in watch mode in a single session.
  • Necessary configuration to adapt the library to your project, when the defaults don't fit you.
  • A template tag to include the Tailwind CSS file in your project.
  • A base template for your project.
  • A sane tailwind.config.js that activates all the official plugins and includes a simple HTMX plugin.

Requirements

Python 3.9 or newer with Django >= 3.2.

Documentation

The documentation can be found at https://django-tailwind-cli.andrich.me/

Contributing

In order to contribute, this package has no required tool dependencies besides an installed version of Python and pip. But you can use uv to speed up your workflow a bit. The following commands assume that you have already setup a virtual environment and activated it.

# Setup development environment
just bootstrap

# Upgrade/install all dependencies defined in pyproject.toml
just upgrade

# Run pre-commit rules on all files
just lint

# Run test suite
just test

Without just, but using pip

# Install dependencies
pip3 install -e ".[django-extensions,dev,docs]"

# Run nox testrunner
nox

Without just, but using uv

# Install dependencies
uv pip install -r pyproject.toml --all-extras -e .

# Run nox testrunner
nox --force-venv-backend uv

License

This software is licensed under MIT license.

Project details


Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

django_tailwind_cli-2.13.0.tar.gz (24.8 kB view details)

Uploaded Source

Built Distribution

django_tailwind_cli-2.13.0-py3-none-any.whl (10.9 kB view details)

Uploaded Python 3

File details

Details for the file django_tailwind_cli-2.13.0.tar.gz.

File metadata

  • Download URL: django_tailwind_cli-2.13.0.tar.gz
  • Upload date:
  • Size: 24.8 kB
  • Tags: Source
  • Uploaded using Trusted Publishing? No
  • Uploaded via: python-requests/2.32.3

File hashes

Hashes for django_tailwind_cli-2.13.0.tar.gz
Algorithm Hash digest
SHA256 a4282f4d36bff2f713d5d4de6ac112bdcd13bf780b72b3020cdb398fb10eba39
MD5 4ed5b51e416bed10092655a3d6cc60fc
BLAKE2b-256 70edc32d6a908e8076bf1cccdef9a4144e89e371d62f61ce066bf2b7593401fe

See more details on using hashes here.

File details

Details for the file django_tailwind_cli-2.13.0-py3-none-any.whl.

File metadata

File hashes

Hashes for django_tailwind_cli-2.13.0-py3-none-any.whl
Algorithm Hash digest
SHA256 102f1353f521032c3582964fb2de62d1859c3c1cc98cd1ef75492dad32d53543
MD5 08cf38ff0824b915ba38cc6ea7f2165b
BLAKE2b-256 9877c84f0b8e0b369bddca92b9b306316ae8f0ff386de53f605225ab2a2bfcd2

See more details on using hashes here.

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page