Quanta CSS IntelliSense

Quanta CSS IntelliSense adds autocomplete, hover tooltips, and live color previews for all your Quanta CSS utility classes—right inside VS Code.

Features

• Autocomplete: Type inside class="...", className="...", or ngClass="..." and get smart suggestions filtered by prefix.
• Hover Info: Hover over any Quanta CSS class (including sm:, md:, dark: variants) to see:
  1. Bold class name
  2. Full‐width color bar for color utilities
  3. Small swatch + literal color value
  4. Fenced CSS code snippet
• Support: HTML, PHP, JavaScript, JSX/TSX (React), TypeScript, Vue, Svelte, Angular (ngClass).

Installation

1. Open VS Code and go to the Extensions pane.
2. Search for “Quanta CSS IntelliSense” and click Install.
3. Reload VS Code (if prompted).

Or manually install the .vsix file:

code --install-extension quanta-css-intellisense-0.1.0.vsix