Sorting Tailwind CSS Classes Automatically with Prettier

Tailwind Labs

In this video, I’ll show you how to set up Prettier and the new Prettier plugin for Tailwind CSS, which will sort your classes automatically. One thing less to argue about with your team!

00:00 – Introduction
00:32 – Setting up Prettier
02:47 – Formatting on save
03:40 – Installing the Prettier plugin for Tailwind CSS
04:41 – How classes are sorted
05:57 – High impact classes first
06:46 – Modifiers grouped together
07:16 – Sorting custom classes
07:59 – Formatting an existing project
09:40 – Outro