Back to toolkit
Tailwind Class Sorter
Paste a className string and get it back sorted in the recommended Tailwind order.
Input
text-white p-4 flex hover:bg-blue-600 items-center bg-blue-500 rounded-lg shadow-md font-bold text-lg mb-4 justify-between w-full
Sorted output
flex items-center justify-between p-4 mb-4 w-full text-white font-bold text-lg hover:bg-blue-600 bg-blue-500 rounded-lg shadow-md
Copy