Since Tailwind Formatter is abandoned, I built a replacement for JetBrains IDEs
Since Tailwind Formatter for JetBrains IDEs is no longer maintained, I built a replacement:
Trier – Tailwind CSS Class Sorter
Unlike formatter-based approaches, Trier only sorts Tailwind classes without handing the whole file to Prettier. That means your existing IDE formatting workflow stays untouched - indentation, wrapping, quotes, semicolons, and other unrelated formatting remain exactly as-is.
It uses the official Tailwind Labs sorter from prettier-plugin-tailwindcss.
Main features:
- sort classes in the current editor or selected ranges
- sort on save or reformat code
- project view actions for files and folders
- dry-run previews with diffs before applying changes
- selective apply for bulk operations
- configurable custom attributes/functions (
cn,clsx, etc.) - support for HTML, JSX/TSX, Vue, CSS/SCSS
@apply
It also ships with its own bundled runtime, so projects do not need local prettier dependencies just to sort Tailwind classes.
Built mainly for people who want consistent Tailwind ordering in JetBrains IDEs without giving up native IDE formatting behavior.
Would love feedback, edge cases, or feature requests 🙂