Toggle classes from your markup in PhpStorm and VSCode

Toggle classes from your markup in PhpStorm and VSCode

Working with TailwindCSS will result in a lot of classes being added to your HTML. This can at times make it hard to read the markup.

There is a plugin called Tailwind Fold which will allow you to toggle the classes:

Raw HTML with classes

Raw HTML with classes folded

Using Tailwind Fold to hide the classes, the markup becomes a lot easier to read.

Install for PhpStorm or VSCode