Prettier Plugin Tailwindcss | Awesome Repository

This project is a Prettier plugin and Tailwind CSS class sorter that automatically organizes utility classes into a consistent and recommended order. It functions as a frontend styling formatter and CSS utility organizer, removing duplicate classes and sorting style attributes across HTML and JavaScript files.

The tool ensures consistent markup formatting by ordering utility classes within HTML attributes, template literals, JavaScript expressions, and custom framework props. It integrates with Tailwind CSS configuration files and stylesheets to synchronize sorting behavior with custom theme definitions and design tokens.

The system handles class list cleanup to remove unnecessary whitespace and provides a programmable interface for exposing sorting logic to external tools.

Features

Markup Class Sorters - Sorts classes in HTML attributes according to a consistent order to improve maintainability.
Prettier Plugins - Functions as a Prettier plugin to apply automated class sorting and cleanup during the document printing phase.
Style Formatters - Automatically rewrites utility class sequences in source code to adhere to a consistent visual and structural style.
Build Pipeline Plugins - Hooks into the Prettier formatting lifecycle to transform class strings during the print phase.

Features

Markup Class Sorters - Sorts classes in HTML attributes according to a consistent order to improve maintainability.
Prettier Plugins - Functions as a Prettier plugin to apply automated class sorting and cleanup during the document printing phase.
Style Formatters - Automatically rewrites utility class sequences in source code to adhere to a consistent visual and structural style.
Build Pipeline Plugins - Hooks into the Prettier formatting lifecycle to transform class strings during the print phase.

The system handles class list cleanup to remove unnecessary whitespace and provides a programmable interface for exposing sorting logic to external tools.