Shift with red gradient lettering

Sort Tailwind Classes

Tailwind
Experimental

Sort Tailwind classes in your markup, JavaScript, or CSS based on their recommend class order.

Before

<div class="text-gray-700 hover:opacity-75 shadow-md p-3 lg:p-6 border-gray-300 ml-4 h-24 flex border-2">
  <!-- ... -->
</div>

After

<div class="ml-4 flex h-24 border-2 border-gray-300 p-3 text-gray-700 shadow-md lg:p-6 hover:opacity-75">
  <!-- ... -->
</div>

← Back to the Workbench Tasks

Sign in with any of the following services to connect Shift with your Laravel project.

Don't use one of these services?

Temporarily push your project to a free, private repository on one of these cloud-based services or upgrade your project locally with Shift for Docker.