Skip to content

Guide and example project for integrating Django with Tailwind CSS to create responsive, modern web applications.

Notifications You must be signed in to change notification settings

themeselection/ts-django-tailwind

Repository files navigation

Django & Tailwind CSS Integration

This project demonstrates the integration of Tailwind CSS (version 3.4.14) with Django (version 5). Additionally, it includes Prettier for formatting Tailwind CSS classes on save.

Getting Started

Follow these steps to get the project up and running:

  1. Clone the Repository
    Clone the repository to your local machine.

  2. Install NPM Packages
    Navigate to the project directory and install the necessary npm packages:

    npm install
  3. Start the Tailwind CSS Watcher
    Compile styles by starting the Tailwind CSS watcher:

    npm run watch:css
  4. Run the Django Development Server
    Launch the Django development server with:

    python manage.py runserver

Once these steps are completed, you can explore the project with Tailwind CSS seamlessly integrated into your Django application!

Formatting with Prettier

This project includes Prettier for formatting Tailwind CSS classes automatically on save. Ensure you have the Prettier extension installed in your code editor for this functionality.

About

Guide and example project for integrating Django with Tailwind CSS to create responsive, modern web applications.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published