Tailwind Class Grouper

npm install --save-dev eslint-plugin-tailwind-group

.eslintrc:

{
  "plugins": ["tailwind-group"],
  "rules": {
    "tailwind-group/group-tailwind-classes": [
      "warn",
      {
        "formatInline": false,
        "useClsx": true
      }
    ]
  }
}

npm install --save-dev prettier-plugin-tailwind-group

prettier.config.js:

module.exports = {
  plugins: ['prettier-plugin-tailwind-group'],
  tailwindGroup: true,
  tailwindGroupMinClasses: 4,
  tailwindGroupIncludeComments: true // set false to omit inline category comments
};

Requires Prettier v3 and assumes clsx (or equivalent) is available.