Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress.
Emotion is a performant and flexible CSS-in-JS library. Building on many other CSS-in-JS libraries, it allows you to style apps quickly with string or object styles. It has predictable composition to avoid specificity issues with CSS. With source maps and labels, Emotion has a great developer experience and great performance with heavy caching in production.
Styletron is an universal toolkit for component-oriented styling. It falls into the CSS in JS category. Styletron works great with React but can be used with other frameworks or plain JS as well.
A toolchain for React component styling.
Write CSS in JS and get real CSS files during build. Use dynamic prop based styles with the React bindings and have them transpiled to CSS variables automatically. Great productivity with source maps and linting support.
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation.
7. Babel Plugin
Transparently apply CSS Modules to hyperscript-compatible DOM builders, such as virtual-hyperscript and React.
jsxstyle is an inline style system for React and Preact. It provides a best-in-class developer experience without sacrificing performance, and has little regard for existing CSS orthodoxy.
14. Styled Tools
Useful interpolated functions for CSS-in-JS.
Crazy good css in your js.
16. Nano Css
Distilled CSS-in-JS for gourmet developers.
Ultra small CSS in JS library in 0.4 KB.
18. Postcss Js
PostCSS for React Inline Styles, Free Style and other CSS-in-JS.
Responsive style values for css-in-js.
A lean, no hassle CSS in JS solution. Scales from standalone use to isomorphic apps. Compatible with any framework/view library. Supports building either inline styles of full style sheets.