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.8 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 tox testrunner
tox

Without just, but using uv

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

# Run tox testrunner
tox

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.15.0.tar.gz (26.3 kB view details)

Uploaded Source

Built Distribution

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

Uploaded Python 3

File details

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

File metadata

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

File hashes

Hashes for django_tailwind_cli-2.15.0.tar.gz
Algorithm Hash digest
SHA256 4c1dd5dda87e81d238261e3caec91a2e1ab1e7eb68ca2dfc8e772f40823d2078
MD5 7993227d5db41c4f5e08796531e940e5
BLAKE2b-256 3b73328318c5d40dd50b6af24d8a129a47a36b555834dd70aeca4b5fda5f56da

See more details on using hashes here.

File details

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

File metadata

File hashes

Hashes for django_tailwind_cli-2.15.0-py3-none-any.whl
Algorithm Hash digest
SHA256 16aff06b287d4966e641b0b9b6d053e2301c0dc88f449035f8fe3abcfcc5e573
MD5 8071396c9506b6ab7d93c87e48edf631
BLAKE2b-256 e50f1948c31d3d521ba51d879670db5a29ced04af3f8a648a7c348b1603d25a2

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