Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Refactor CSSNew to Visual Studio Code? Get it now.
Refactor CSS

Refactor CSS

URBAN TROUT

|
33,087 installs
| (2) | Free
Helps you identify reoccurring CSS class name combinations in your markup.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Refactor CSS

Install via VS Code Marketplace

Helps you identify reoccurring CSS class name combinations in your markup. This is especially useful if you are working with an utility-first CSS framework like TailwindCSS, Tachyons,…

Hovering over CSS classes reveals infos.

Features

Class names are highlighted if they have more than 3 unique classes and this combination of classes appears more than 3 times in the current document. These numbers can be changed in the settings.

Hovering over classes highlights all other elements with the same combination of classes.

The order of the class names does not matter.

Release Notes

See CHANGELOG.

Roadmap

  • [x] Parse whole workspace, not only current document.
  • [ ] Provide text selection of all occurrences for easy refactoring
  • [x] Add settings for the user (limits)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft