https://github.com/lokesh-garg-22/css-modules-intellisense
https://github.com/lokesh-garg-22/css-modules-intellisense
css-modules developer-tools frontend intellisense javascript-react less-modules linter linting scss-modules suggestions typescript-react
Last synced: 22 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/lokesh-garg-22/css-modules-intellisense
- Owner: Lokesh-Garg-22
- License: mit
- Created: 2025-06-13T14:29:07.000Z (12 months ago)
- Default Branch: main
- Last Pushed: 2025-07-17T14:45:04.000Z (11 months ago)
- Last Synced: 2025-07-17T16:43:55.856Z (11 months ago)
- Topics: css-modules, developer-tools, frontend, intellisense, javascript-react, less-modules, linter, linting, scss-modules, suggestions, typescript-react
- Language: TypeScript
- Homepage: https://marketplace.visualstudio.com/items?itemName=lokesh-garg.css-scss-modules-intellisense
- Size: 17.4 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# CSS Modules Intellisense for VS Code
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.
---
## ✨ Features
- ⚠️ **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.
---
## 📦 Installation
Get the extension from your preferred marketplace:
- [Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=lokesh-garg.css-scss-modules-intellisense)
- [Open VSX Registry](https://open-vsx.org/extension/lokesh-garg/css-scss-modules-intellisense)
---
## ✅ Supported File Types
- `.module.css`
- `.module.scss`
- `.module.less`
- `.js`, `.ts`, `.jsx`, `.tsx` using `import styles from './file.module.css'`
---
## 🚀 Getting Started
1. Install the extension from the Marketplace or via VSIX
2. Use `import styles from './file.module.css'` pattern
3. Hover, rename, or save to see linting feedback
---
## 📢 Feedback & Contributions
Feel free to open issues or PRs on
[GitHub](https://github.com/Lokesh-Garg-22/CSS-Modules-IntelliSense) —
suggestions and feedback are always welcome!
---
## 📄 License
This extension is licensed under the [MIT License](./LICENSE).