TailwindCSS in Docker

A dead simple way to run Tailwind CSS from a Docker container.

No more Node.JS. No more manual downloads of the CLI.

1. Create input.css in your project:

   @import 'tailwindcss';

2. Create docker-compose.yml in your project:

   services:
     tailwindcss:
       # You can also use pinned versions, e.g. `:4.1.7`
       image: ghcr.io/scriptogre/tailwindcss:latest
       tty: true  # Required for watch mode
       volumes:
         - .:/app
       command: -i ./input.css -o ./output.css --watch

3. Or run docker run command (note the -t flag is required for watch mode):

docker run -t -v "$(pwd)":/app \
  ghcr.io/scriptogre/tailwindcss:latest -i ./input.css -o ./output.css --watch

Watch Mode Requirement

• For watch mode (--watch), you must:
  • In docker-compose.yml: Set tty: true
  • In docker run: Use the -t flag
• Without these, the container will exit after the first build

Notes:

• Make sure you mount all source files (*.html, *.css, *.js, …) to /app, so Tailwind’s watcher can see them within the container.
• The ghcr.io/scriptogre/tailwindcss:latest image is rebuilt daily to track the newest Tailwind CSS release.