10 Best React CSS-in-JS Libraries

Curated by the Openbase team and community.Learn more

Curated by the Openbase team and community. Learn more

styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
4.7/ 5
226
Top Feedback
29Easy to Use
29Highly Customizable
27Great Documentation
GitHub Stars
35K
Weekly Downloads
3M
Last Commit
23d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

theme-ui

Build consistent, themeable React apps based on constraint-based design principles

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.6/ 5
5
Top Feedback
4Great Documentation
3Performant
3Highly Customizable
GitHub Stars
4K
Weekly Downloads
123K
Last Commit
7d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

emotion

👩‍🎤 CSS-in-JS library designed for high performance style composition

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
17
Top Feedback
11Great Documentation
10Easy to Use
7Highly Customizable
GitHub Stars
14K
Weekly Downloads
681K
Last Commit
4d ago
Bundle Size (min+gzip)
0.21KB
Tree-Shakeable

jss

JSS is an authoring tool for CSS which uses JavaScript as a host language.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.3/ 5
6
Top Feedback
4Easy to Use
2Great Documentation
2Performant
GitHub Stars
7K
Weekly Downloads
3M
Last Commit
19hrs ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

polished

A lightweight toolset for writing styles in JavaScript ✨

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.6/ 5
9
Top Feedback
3Great Documentation
3Easy to Use
2Performant
GitHub Stars
7K
Weekly Downloads
4M
Last Commit
8d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
goo

goober

🥜 goober, a less than 1KB 🎉 css-in-js alternative with a familiar API

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.7/ 5
3
Top Feedback
2Performant
2Responsive Maintainers
1Great Documentation
GitHub Stars
2K
Weekly Downloads
98K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

styled-jsx

Full CSS support for JSX without compromises

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.5/ 5
2
Top Feedback
2Great Documentation
2Easy to Use
2Highly Customizable
GitHub Stars
7K
Weekly Downloads
2M
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
rr

react-responsive

CSS media queries in react - for responsive design, and more.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.8/ 5
6
Top Feedback
2Great Documentation
2Highly Customizable
1Easy to Use
GitHub Stars
6K
Weekly Downloads
415K
Last Commit
1mo ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

linaria

Zero-runtime CSS in JS library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User Rating
4.4/ 5
7
Top Feedback
2Great Documentation
1Easy to Use
1Performant
GitHub Stars
8K
Weekly Downloads
25K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
ss

styled-system

Responsive, theme-based style props for building design systems with React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Highly Customizable
GitHub Stars
N/A
Weekly Downloads
490K
Last Commit
N/A
Bundle Size (min+gzip)
4.94KB
Tree-Shakeable

radium

A toolchain for React component styling.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
2
Top Feedback
N/A
GitHub Stars
7K
Weekly Downloads
82K
Last Commit
5mos ago
Bundle Size (min+gzip)
18.2KB
Tree-Shakeable

facepaint

Responsive style values for css-in-js.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User Rating
5.0/ 5
1
Top Feedback
N/A
GitHub Stars
541
Weekly Downloads
43K
Last Commit
3yrs ago
Bundle Size (min+gzip)
0.50KB
Tree-Shakeable

@emotion/css

👩‍🎤 CSS-in-JS library designed for high performance style composition

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
14K
Weekly Downloads
4M
Last Commit
4d ago
Bundle Size (min+gzip)
5.50KB
Tree-Shakeable

@stylelint/postcss-css-in-js

PostCSS syntax for parsing CSS in JS literals

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
22
Weekly Downloads
2M
Last Commit
1mo ago
Bundle Size (min+gzip)
246.8KB
Not Tree-Shakeable

@theme-ui/prism

Build consistent, themeable React apps based on constraint-based design principles

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
4K
Last Commit
7d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@compiled/react

A familiar and performant compile time CSS-in-JS library for React.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
17K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@compiled/css

A familiar and performant compile time CSS-in-JS library for React.

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
1K
Weekly Downloads
14K
Last Commit
4d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

create-emotion-styled

👩‍🎤 CSS-in-JS library designed for high performance style composition

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
14K
Weekly Downloads
77K
Last Commit
4d ago
Bundle Size (min+gzip)
2.98KB
Tree-Shakeable
cor

@stitches/core

CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
6K
Last Commit
10d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@theme-ui/tailwind

Build consistent, themeable React apps based on constraint-based design principles

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
4K
Weekly Downloads
425
Last Commit
7d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
sc

@xstyled/styled-components

A utility-first CSS-in-JS framework built for React. 💅👩‍🎤⚡️

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
5K
Last Commit
10d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

postcss-js

PostCSS for React Inline Styles, Free Style and other CSS-in-JS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
581
Weekly Downloads
1M
Last Commit
1mo ago
Bundle Size (min+gzip)
21.9KB
Not Tree-Shakeable

@chakra-ui/parser

⚡️ Simple, Modular & Accessible UI Components for your React Applications

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
21K
Weekly Downloads
83
Last Commit
4d ago
Bundle Size (min+gzip)
8.26KB
Tree-Shakeable
nc

nano-css

Distilled CSS-in-JS for gourmet developers

License Icon
License: Unlicense
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
353
Weekly Downloads
556K
Last Commit
3mos ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable

@linaria/core

Zero-runtime CSS in JS library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
8K
Weekly Downloads
29K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@linaria/react

Zero-runtime CSS in JS library

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
8K
Weekly Downloads
18K
Last Commit
9d ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable

@rebass/components

⬢ Style props for rapid UI development

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
7K
Weekly Downloads
2K
Last Commit
3mos ago
Bundle Size (min+gzip)
4.32KB
Not Tree-Shakeable
aes

aesthetic

🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
193
Weekly Downloads
659
Last Commit
3mos ago
Bundle Size (min+gzip)
12.7KB
Tree-Shakeable

jsxstyle

Inline style system for React and Preact

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2K
Weekly Downloads
1K
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
rci

react-css-in-js

(Deprecated) This didn't gain much popularity, and I've since decided to focus on a styled-components approach in my new tsstyled project.

License Icon
License: ISC
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
157
Last Commit
4mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
cor

@filbert-js/core

A lightweight(~1kb) css-in-js framework

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
168
Weekly Downloads
1K
Last Commit
10mos ago
Bundle Size (min+gzip)
1.28KB
Tree-Shakeable
the

@filbert-js/theming

A lightweight(~1kb) css-in-js framework

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
168
Weekly Downloads
1K
Last Commit
10mos ago
Bundle Size (min+gzip)
0.25KB
Tree-Shakeable

@stream-io/styled-components

Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
35K
Weekly Downloads
132
Last Commit
23d ago
Bundle Size (min+gzip)
15.9KB
Tree-Shakeable
pj

postcss-jsx

PostCSS syntax for parsing CSS in JS literals

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
67
Weekly Downloads
523K
Last Commit
2yrs ago
Bundle Size (min+gzip)
246.7KB
Not Tree-Shakeable
css

@styled-system/css

Styled System for the `css` prop

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
460K
Last Commit
N/A
Bundle Size (min+gzip)
1.45KB
Tree-Shakeable

aphrodite

Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
5K
Weekly Downloads
121K
Last Commit
10mos ago
Bundle Size (min+gzip)
7.11KB
Tree-Shakeable
fre

freestyler

5th generation CSS-in-JS library

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
248
Weekly Downloads
7
Last Commit
4d ago
Bundle Size (min+gzip)
7.83KB
Not Tree-Shakeable

theming

Unified CSSinJS theming solution for React

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
296
Weekly Downloads
179K
Last Commit
1yr ago
Bundle Size (min+gzip)
2.35KB
Tree-Shakeable

@indoqa/style-system

Indoqa frontend projects based on React

License Icon
License: Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
2
Weekly Downloads
92
Last Commit
23d ago
Bundle Size (min+gzip)
N/A
Not Tree-Shakeable
gla

glamor

inline css for react et al

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
1Easy to Use
GitHub Stars
4K
Weekly Downloads
108K
Last Commit
4yrs ago
Bundle Size (min+gzip)
8.74KB
Not Tree-Shakeable
sn

styled-normalize

normalize.css for styled-components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
407
Weekly Downloads
96K
Last Commit
1yr ago
Bundle Size (min+gzip)
0.95KB
Not Tree-Shakeable

@quarkly/atomize

library for creating atomic react components

License Icon
License: Unknown
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
57
Weekly Downloads
99
Last Commit
2mos ago
Bundle Size (min+gzip)
N/A
Tree-Shakeable
ra

react-animations

A collection of animations for inline styles

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
1Great Documentation
1Easy to Use
GitHub Stars
N/A
Weekly Downloads
33K
Last Commit
N/A
Bundle Size (min+gzip)
3.92KB
Not Tree-Shakeable
ps

postcss-styled

PostCSS syntax for parsing styled components

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
52
Weekly Downloads
29K
Last Commit
2yrs ago
Bundle Size (min+gzip)
0.60KB
Not Tree-Shakeable
rs

@patternfly/react-styles

CSS-in-JS class maps and utilities for PatternFly.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
23K
Last Commit
N/A
Bundle Size (min+gzip)
N/A
Tree-Shakeable

styled-is

A flag utility for styled-components

License Icon
License: MPL-2.0
TypeScript Icon
TypeScript Definitions: Built-In
User RatingN/A
Top Feedback
N/A
GitHub Stars
210
Weekly Downloads
14K
Last Commit
1yr ago
Bundle Size (min+gzip)
0.67KB
Tree-Shakeable
si

style-it

Component for writing plaintext CSS in React apps -- isomorphic, scoped, FOUC-free, fully featured, CSS-in-JS

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
147
Weekly Downloads
6K
Last Commit
1yr ago
Bundle Size (min+gzip)
2.44KB
Not Tree-Shakeable

aphrodite-jss

Aphrodite-like API on top of JSS.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
88
Weekly Downloads
6K
Last Commit
3yrs ago
Bundle Size (min+gzip)
10.2KB
Not Tree-Shakeable

bootstrap-styled

Bootstrap Styled provide a chart 📜 and common utilities for writing UI components that can be shared and maintained globally for all the 🚀 ReactJS community. It permit an ecosystem of tools, components and variables to create standardized, sharable and highly customizable front-end modules.

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
133
Weekly Downloads
2K
Last Commit
1yr ago
Bundle Size (min+gzip)
23.3KB
Tree-Shakeable
ns

nano-style

Functional css-in-js for react

License Icon
License: MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
User RatingN/A
Top Feedback
N/A
GitHub Stars
N/A
Weekly Downloads
572
Last Commit
N/A
Bundle Size (min+gzip)
2.56KB
Not Tree-Shakeable