Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Quanta CSS IntellisenseNew to Visual Studio Code? Get it now.
Quanta CSS Intellisense

Quanta CSS Intellisense

devadetayo

|
3 installs
| (0) | Free
Autocomplete and hover support for Quanta CSS classes
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft