Awesome Open Source
Awesome Open Source



Syntax highlighting and IntelliSense for styled-components.

Syntax highlighting in action

Uses a CSS grammar built on top of language-sass and language-css.


Inside VSCode, press Ctrl+P, and enter:

ext install vscode-styled-components

It should be the top result.



  • Syntax highlighting for styled components in JavaScript and TypeScript.
  • Detailed CSS IntelliSense while working in styled strings.
  • Syntax error reporting.


The styled-components extension adds highlighting and IntelliSense for styled-component template strings in JavaScript and TypeScript. See plugin configuration for information on configuring the linter and other language features.

Raising an issue

Please check the issues list to see if it has already been raised. If it has you can vote on it with a thumbsUp emoji.
Issues with the most votes tend to be prioritised.


see Contributing

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
javascript (68,779
typescript (10,909
hacktoberfest (4,195
syntax-highlighting (163
intellisense (25

Find Open Source By Browsing 7,000 Topics Across 59 Categories