# Hiding classes in VS Code

> Learn how the Tailwind Fold VS Code extension hides long class lists in your JSX and HTML files for a cleaner look, then reveals them again when you click.

Author: [Flavio Copes](https://flaviocopes.com/about/) | Published: 2023-02-03 | Topics: [Tools](https://flaviocopes.com/tags/tools/) | Canonical: https://flaviocopes.com/hiding-classes-in-vs-code/

I’ve been using this VS Code extension lately, called [Tailwind Fold](https://marketplace.visualstudio.com/items?itemName=stivo.tailwind-fold).

Using this extension you can decide to hide all classes by default in your JSX and HTML files, and only show the classes when you click on them:

![VS Code editor with Tailwind classes hidden by the Tailwind Fold extension, showing cleaner code with folded class attributes](https://flaviocopes.com/images/hiding-classes-in-vs-code/1.webp)

This was the original file:

![VS Code editor showing the original file with all Tailwind CSS classes visible before using the Tailwind Fold extension](https://flaviocopes.com/images/hiding-classes-in-vs-code/2.webp)

As you can see it looks cleaner.

I keep this extension inactive by default, so I can see all classes, but when I want to have a “clean look” I have a shortcut that hides all classes.

Pretty handy.