Last year, I wrote this TIL: Creating a Rustywind pre-commit hook, which illustrates how to use the Rustywind CLI, which helps organize Tailwind CSS classes.

Rustywind is a CSS class linting and formatting CLI tool that helps sort Tailwind CSS classes consistently and can help to de-duplicate them. If you struggle with duplicate classes or feel overwhelmed, Rustywind might be what you need.

I prefer to install Rustywind as a pre-commit hook to run on every git commit or when I run pre-commit run.

This .pre-commit-config.yaml config will run the latest version of Rustywind every time pre-commit runs.

# .pre-commit-config.yaml
repos:
  - repo: local
    hooks:
      - id: rustywind
        name: rustywind Tailwind CSS class linter
        language: node
        additional_dependencies:
          - rustywind@latest
        entry: rustywind
        args: [--write]
        types_or: [html]

pre-commit is also an excellent way to manage your project’s other linting and formatting tools. It can be used to ensure you always use the latest version of Rustywind and other tools.