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

Subscribe to my newsletter for the latest updates on my books and digital products.

Subscribe to our Newsletter

Categories

• Books 6
• Design 24
• Development 131
  • Ubuntu 4
• Docker 1
• Domains 2
• Hashnode 1
• Hosting 1
• Jetbrains Junie 2
• Marketing 9
  • Content Marketing 4
  • SEO 10
  • Social Media 7
• Networking 8
• Personal 11
• Public Speaking 1
• Reviews 8
• Tools 82
  • PhpStorm 3
  • VSCode 1
• Tutorials 280
  • Bash 8
  • BitBucket 1
  • CKEditor 3
  • CSS 9
  • Demos 26
  • elFinder 3
  • Flash 1
  • GIT 1
  • Htaccess 6
  • HTML 19
  • Javascript 24
  • PHP & MySQL 195
    • API 7
    • Blog 9
    • CMS 2
    • Composer 2
    • IMAP 5
    • Laravel Framework 84
      • Laravel Livewire 7
      • Packages 16
        • Microsoft Graph API 3
    • Nova Framework 32
    • PayPal 1
    • PHPStan 1
    • Stripe API 17
    • Tests 6
      • Pest PHP 3
      • PHPUnit 2
  • Python 1
  • VPS 20
    • Digital Ocean 10
    • Linode 10
  • Wordpress 3
    • Wordpress Plugins 2