CSS, LESS and SCSS language support for the Monaco editor
Clone or download
Type Name Latest commit message Commit time
Failed to load latest commit information.
.vscode Init Jun 23, 2016
scripts Bundle AMD using requirejs Mar 13, 2018
src Adopt native promises Jan 9, 2019
test Fix indentation in the CSS test page Oct 2, 2018
.gitignore Init Jun 23, 2016
.npmignore Ship ESM; Adopt latest deps Mar 9, 2018
LICENSE.md Init Jun 23, 2016
README.md add color decorators. Fixes Microsoft/monaco-editor#132 Apr 30, 2018
package-lock.json 2.3.0 Nov 12, 2018
package.json 2.3.0 Nov 12, 2018


Monaco CSS

CSS language plugin for the Monaco Editor. It provides the following features when editing CSS, LESS and SCSS files:

  • Code completion
  • Hovers
  • Validation: Syntax errors and linting
  • Find definition, references & highlights for symbols in the same file
  • Document Symbols
  • Color Decorators

Linting an be configured through the API. See here for the API that the CSS plugin offers to configure the CSS/LESS/SCSS language support.

Internally the CSS plugin uses the vscode-css-languageservice node module, providing the implementation of the functionally listed above. The same module is also used in Visual Studio Code to power the CSS, LESS and SCSS editing experience.


Please file issues concering monaco-css in the monaco-editor repository.


This npm module is bundled and distributed in the monaco-editor npm module.


  • git clone https://github.com/Microsoft/monaco-css
  • cd monaco-css
  • npm install .
  • npm run prepublish
  • open $/monaco-css/test/index.html in your favorite browser.