Skip to content

XantreDev/vscode-css-in-js-converter

 
 

Repository files navigation

Autocomplete for React Native and css-in-js for VS Code

Star on GitHub Tweet PRs Welcome [package]

Now get Autocomplete for CSS in JS libraries using object styles.

This is basically a fork of css-in-js

Provides CSS in JS autocompletion and converts kebab-case CSS to camelCase CSS and vice versa

  • Provides autocompletion options for CSS styles as a style object for use in CSS in JS (like glamorous!)
  • Converts CSS between regular CSS syntax (strings) and CSS-in-JS syntax (style objects)

Autocomplete

autocomplete

Convert CSS in JS

demo

How to Use CSS Conversion

Select some block of text in a javascript or typescript file and use cmd+shift+p to bring up the command palette, then select Convert CSS-in-JS.

Or use the keyboard shortcut cmd+shift+j (ctrl+shift+j on Windows).


Coming Soon

Codemods for easy shifting between css-in-js libraries

About

Autocomplete React Native / JS Styles and converting plain CSS to JS styles

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Languages

  • TypeScript 62.2%
  • JavaScript 37.8%