Tailwind CSS Standalone CLI: Use Tailwind CSS without Node.js

Tailwind just released a standalone CLI in a self-contained executable, no Node.js or npm required.

Get started

Download the executable for your platform from the latest release.

Copy it to the root directory of your project.

Rename the executable to "tailwindcss".

Create anywhere in your project an entry point input.css and output.css destination for the compiled css. Also note the path of both files relative to the "tailwindcss" executable

Now you can use it just like the npm-distributed CLI tool:

# Open a terminal at project root

# Create a tailwind.config.js file
./tailwindcss init

# Start a watcher
./tailwindcss -i <relative-path-to-input.css> -o <relative-path-to-output.css> --watch

# Compile and minify your CSS for production
./tailwindcss -i <relative-path-to-input.css> -o <relative-path-to-output.css> --minify

It comes bundled with the latest versions of all of tailwind's first-party plugins, so if you want to use them in your project, just require them in your tailwind.config.js file like you would in a Node-based project:

module.exports = {
  // ...
  plugins: [
    require('@tailwindcss/forms'),
    require('@tailwindcss/typography'),
  ]
}

Refrences

Standalone CLI: Use Tailwind CSS without Node.js - Adam Wathan