Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>Atomic CSS SnippetsNew to Visual Studio Code? Get it now.
Atomic CSS Snippets

Atomic CSS Snippets

acss-io

|
1,856 installs
| (1) | Free
Provides quick suggestions for Atomic CSS class names
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Atomic CSS Snippets

Features

Provides autocomplete snippets for Atomic CSS classes for the following file types:

  • JavaScript (.js)
  • HTML (.html)
  • Marko (.marko)
  • PHP (.php)
  • React (.jsx/.tsx)
  • Svelte (.svelte)
  • TypeScript (.ts)

Note: In order to use this extension for Svelte and Marko, you will first need to install the respective programming language extensions for VSCode.

Usage

Simply start typing a style such as margin and the related Atomic CSS classnames will be recommended in a quick suggestion.

Atomic CSS Snippets

Requirements

In order for snippets to work inside quotes, you will need to enable the following setting in settings.json:

"editor.quickSuggestions": {
    "strings": true
}
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft