Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>css2reactNew to Visual Studio Code? Get it now.
css2react

css2react

Gottfried Chen

|
45,294 installs
| (2) | Free
Convert selection between CSS and React inline style syntax. Works both ways.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

css2react README

Features

Convert the current selection between CSS and React's inline style syntax.

See It in Action

how-it-works

Usage

Select the lines you want to convert and press Cmd+Option+c on Mac (Ctrl+Alt+c on Windows). Conversion works both ways, CSS to React inline and back.

Customization

You want to use a different shortcut? No problem. Remap it by putting this into your keybindings.json

{
    "key": "ctrl+alt+y",
    "command": "extension.css2react",
    "when": "editorTextFocus"
}

Known Issues

Converted code might need some editing but should be a good start.

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft