CSS Suggestor is a VS Code extension that provides intelligent autocomplete suggestions for CSS classes based on the CSS package used in your project. By default, it scans @groww-tech/mint-css, but you can update it to any package of your choice.
Features
Auto-suggest CSS classes in class and className attributes.
Fetches CSS classes dynamically from installed NPM packages.
Supports multiple languages, including HTML, JavaScript, TypeScript, React (JSX/TSX).
Displays CSS properties of suggested classes in the autocomplete popup.
Change the CSS package dynamically using a command.
Usage
Autocomplete Suggestions
The extension suggests CSS classes inside:
<div class="contentPrimary"></div>
Change CSS Package
You can change the default package (@groww-tech/mint-css) by running the command:
Open the Command Palette (Ctrl+Shift+P / Cmd+Shift+P on Mac).
Search for CSS Suggestor: Set Package.
Enter the NPM package name containing your CSS classes.
How It Works
The extension scans node_modules to find the CSS file inside the given package.
It extracts CSS class definitions and stores them in memory.
It provides autocomplete suggestions with class names and their respective styles.
