Style Libraries
These are tools that assist with applying styles to elements. There are a variety of ways that this can happen.
The most common type of style library is a CSS processor. These take as input a language similar to CSS but with more features, and output standard CSS that the browser can understand.
The other tools are more varied. They might help you manageinline styles, help you write your CSS in JavaScript, or help you keep styles isolated to a particular component.
24 Projects
Sort
postcss
Transforming styles with JS plugins
css processor
.
.
styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
react
.
.
less.js
Less. The dynamic stylesheet language.
css processor
.
.
sass
Sass makes CSS fun again.
css processor
.
.
css-modules
Documentation about css-modules
react
.
.
stylus
Expressive, robust, feature-rich CSS language built for nodejs
css processor
.
.
radium
A toolchain for React component styling.
inline
.
.
react-css-modules
Seamless mapping of class names to CSS modules inside of React components.
react
.
.
emotion
style as a function of state
inline
.
.
myth
A CSS preprocessor that acts like a polyfill for future versions of the spec.
css processor
.
.
aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
.
.
jss
JSS is an authoring tool for CSS which uses JavaScript as a host language.
.
.
glamorous
💄 Maintainable CSS with React
inline
.
.
styled-jsx
Full CSS support for JSX without compromises
react
.
.
styletron
:zap: Toolkit for component-oriented styling
.
.
jsxstyle
Inline style system for React and Preact
inline
.
.
reactcss
:lipstick: Inline Styles in JS
inline
react
.
.
fela
State-Driven Styling in JavaScript
.
.
react-look
Advanced & Dynamic Component Styling for React and React Native. Ships with powerful Plugins, Mixins and Developer Tools. (Deprecated: use Fela)
react
.
.
pleeease
Process CSS with ease: combine preprocessors and PostCSS
css processor
.
.
react-pacomo
Automatic Namespacing for your React className props
react
.
.
react-free-style
Make React components easier and more maintainable by using inline style objects
react
.
.
cairn
Hierarchical shared and component-based style definitions with selector-based style application, for React Native
.
.
react-easy-style
A tiny library to easy apply css/styles to react components
react
.
.
AKA
Style libraries are also known as: css processors, style utilities and stylers.
CONTRIBUTING
To add to this list, submit a pull request in the javascriptstuff-db repository. Add an entry to this file.