ad

Tailwind CSS Class Sorter

Sort Tailwind classes in the recommended order — paste classes or full HTML/JSX.

Sorts classes following the Tailwind CSS Prettier plugin order.

Class Order

Classes are sorted following the Tailwind CSS Prettier plugin order: layout → position → sizing → spacing → typography → visual → interactive.

Supports

  • Raw class lists
  • HTML class="..." attributes
  • JSX className="..." attributes
  • Responsive prefixes (sm:, md:, lg:, etc.)
  • State prefixes (hover:, focus:, dark:, etc.)
ad