A lightweight Visual Studio Code extension that provides linting, rename,
and navigation features for projects using CSS Modules — including
.module.css, .module.scss, and .module.less files.
-
⚠️ Linting: Warns about undefined CSS module class names used in JS/TS/React files. -
✏️ Rename Support: Refactor class names in CSS Modules and update all references.
-
🧭 Go-to-Definition Go-to-Definition for
styles.className. -
💡 Autocomplete Autocomplete suggestions for class names.
-
🛠️ Supports SCSS & LESS in addition to plain CSS.
.module.css.module.scss.module.less.js,.ts,.jsx,.tsxusingimport styles from './file.module.css'
- Install the extension from the Marketplace or via VSIX
- Use
import styles from './file.module.css'pattern - Hover, rename, or save to see linting feedback
Feel free to open issues or PRs on GitHub — suggestions and feedback are always welcome!
This extension is licensed under the MIT License.



