{"library":"prettier-plugin-tailwind-css","title":"Prettier Tailwind CSS Plugin","description":"A Prettier plugin that automatically sorts Tailwind CSS utility classes in a consistent order and removes duplicates, version 1.5.0 (last release Feb 2021). It works with HTML, JS, JSX, TS, TSX, Vue, and since v1.5.0 also CSS/SCSS/LESS. The plugin is stable but no longer actively maintained (no releases since 2021). Compared to alternatives like `prettier-plugin-tailwindcss` (official), this plugin is older, less popular, and has fewer features (no Tailwind v3+ support confirmed). It offers configurable class sorting and deduplication via options `removeDuplicatesClasses`, `classRegex`, and `classSorter`.","language":"javascript","status":"maintenance","last_verified":"Sat Apr 25","install":{"commands":["npm install prettier-plugin-tailwind-css"],"cli":null},"imports":["// Not imported directly; installed as a Prettier plugin via prettier.config.js modules: ['prettier-plugin-tailwind-css']","// In .prettierrc: { \"removeDuplicatesClasses\": true }","// In .prettierrc: { \"classRegex\": \"./custom-regex.json\" }"],"auth":{"required":false,"env_vars":[]},"quickstart":{"code":"// 1. Install plugin\nnpm install --save-dev prettier-plugin-tailwind-css\n\n// 2. Create .prettierrc\n{\n  \"plugins\": [\"prettier-plugin-tailwind-css\"],\n  \"removeDuplicatesClasses\": true\n}\n\n// 3. Create a test HTML file: index.html\n<div class=\"mx-auto flex h-16 justify-between items-center max-w-6xl h-16\">\n  <p>Hello World</p>\n</div>\n\n// 4. Run Prettier\nnpx prettier --write index.html\n\n// Output:\n<div class=\"flex items-center justify-between h-16 max-w-6xl mx-auto\">\n  <p>Hello World</p>\n</div>","lang":"javascript","description":"Demonstrates installation, configuration, and output of sorting Tailwind classes with the plugin.","tag":null,"tag_description":null,"last_tested":null,"results":[]},"compatibility":null}