babel-plugin-css-in-js
Style converter
Converts JavaScript inline styles to class names and bundles them into a CSS file
A plugin for Babel v6 which transforms inline styles defined in JavaScript modules into class names so they become available to, e.g. the className prop of React elements. While transforming, the plugin processes all JavaScript style definitions found and bundles them up into a CSS file, ready to be requested from your web server.
298 stars
10 watching
11 forks
Language: JavaScript
last commit: about 7 years ago
Linked from 1 awesome list
awesome-css-group/awesome-cssRelated projects:
| Repository | Description | Stars |
|---|---|---|
 babel/babelify | Transforms JavaScript code into compatible formats for use in web browsers | 1,681 |
 postcss/postcss-js | A PostCSS processor for CSS-in-JS and inline styles | 658 |
 dowjones/react-inline-style | Provides reusable and adaptable React components without requiring an external CSS dependency. | 50 |
 marco-prontera/vite-plugin-css-injected-by-js | A Vite plugin that injects CSS into HTML pages using JavaScript | 423 |
 vituum/vite-plugin-juice | Inlines CSS code to HTML via an external processing service | 5 |
 zhangfisher/vite-plugin-vue-style-bundler | Automates the bundling and injection of CSS styles into JavaScript bundles used by Vue components. | 7 |
 max-mapper/inline-styles | Automates replacement of link tags and CSS url() calls with inline style tags and data URIs in HTML files. | 24 |
 serkodev/master-styles-css-converter | Converts CSS styles to standardized master styles. | 5 |
 vijaysutrave/babel-plugin-react-import-extends | A Babel plugin to simplify React component development by automatically extending the React class and importing React within components. | 10 |
| babel/babel | A tool that transpiles modern JavaScript code to earlier versions of the language | 43,241 |
 airbnb/react-with-styles | Enables CSS-in-JavaScript styling in React without relying on specific implementations | 1,704 |
 loganfsmyth/babel-plugin-transform-builtin-extend | Enables extending built-in JavaScript types like Error and Array by static analysis | 148 |
| airbnb/react-with-styles-interface-css | Provides an interface for compiling CSS-in-js styles to static CSS classes with deterministic and human-friendly class names. | 32 |
| babel/babel-brunch | A Brunch plugin for transforming modern JavaScript code into vanilla ES5 for compatibility with older browsers. | 68 |
 gossi/eclipse-transpiler-plugin | An Eclipse plugin that automates the process of converting files written in various programming languages into CSS. | 21 |