10 Best JavaScript CSS-in-JS Libraries

List hand-picked by Openbase Experts
Learn More

postcss

Transforming styles with JS plugins

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
26.3K
Weekly Downloads
67.7M
Last Commit
3mos ago
User Rating
4.8/ 5
128
Top Feedback
17Highly Customizable
16Great Documentation
14Performant

stylelint

A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
9.7K
Weekly Downloads
3.6M
Last Commit
2mos ago
User Rating
4.8/ 5
18
Top Feedback
10Great Documentation
7Easy to Use
3Performant

gatsby-plugin-emotion

Build blazing fast, modern apps and websites with React

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
52.9K
Weekly Downloads
62.9K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback

styled-components

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

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
36.6K
Weekly Downloads
4.4M
Last Commit
3mos ago
User Rating
4.7/ 5
309
Top Feedback
32Easy to Use
31Great Documentation
31Highly Customizable

theme-ui

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
4.5K
Weekly Downloads
107K
Last Commit
2mos ago
User Rating
4.7/ 5
6
Top Feedback
4Great Documentation
3Performant
3Highly Customizable

jss

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
6.7K
Weekly Downloads
2.9M
Last Commit
1mo ago
User Rating
4.3/ 5
6
Top Feedback
5Easy to Use
2Great Documentation
2Performant

styled-jsx

Full CSS support for JSX without compromises

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
7K
Weekly Downloads
2.9M
Last Commit
3mos ago
User Rating
4.8/ 5
4
Top Feedback
2Great Documentation
2Easy to Use
2Highly Customizable

polished

A lightweight toolset for writing styles in JavaScript ✨

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
7.2K
Weekly Downloads
5.7M
Last Commit
2mos ago
User Rating
4.6/ 5
9
Top Feedback
3Great Documentation
3Easy to Use
2Performant

emotion

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
15K
Weekly Downloads
754K
Last Commit
3mos ago
User Rating
4.5/ 5
18
Top Feedback
12Great Documentation
11Easy to Use
8Highly Customizable

@stitches/core

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5.6K
Weekly Downloads
8.2K
Last Commit
3mos ago
User Rating
5.0/ 5
1
Top Feedback
1Great Documentation
1Easy to Use
1Performant
goo

goober

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

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
2.5K
Weekly Downloads
255K
Last Commit
3mos ago
User Rating
4.7/ 5
3
Top Feedback
2Performant
2Responsive Maintainers
1Great Documentation

linaria

Zero-runtime CSS in JS library

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
8.9K
Weekly Downloads
18.4K
Last Commit
3mos ago
User Rating
4.4/ 5
7
Top Feedback
2Great Documentation
1Easy to Use
1Performant

astroturf

An "artificial" CSS-in-JS for those that want it all.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
2.1K
Weekly Downloads
5.5K
Last Commit
4mos ago
User Rating
5.0/ 5
2
Top Feedback
1Easy to Use
1Performant

radium

A toolchain for React component styling.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
7.4K
Weekly Downloads
80.3K
Last Commit
3mos ago
User Rating
5.0/ 5
2
Top Feedback
ss

styled-system

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

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
Weekly Downloads
563K
Last Commit
User Rating
5.0/ 5
1
Top Feedback
1Easy to Use
1Highly Customizable
rr

react-responsive

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5.8K
Weekly Downloads
578K
Last Commit
User Rating
4.8/ 5
6
Top Feedback
2Great Documentation
2Highly Customizable
1Easy to Use

facepaint

Responsive style values for css-in-js.

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
564
Weekly Downloads
51.6K
Last Commit
4yrs ago
User Rating
5.0/ 5
1
Top Feedback
gts

gatsby-theme-stitches

A GatsbyJS plugin for styling with Stitches

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
12
Weekly Downloads
213
Last Commit
9mos ago
User Rating
5.0/ 5
1
Top Feedback

@emotion/css

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
15K
Weekly Downloads
5M
Last Commit
3mos ago

@stitches/react

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5.6K
Weekly Downloads
89.1K
Last Commit
3mos ago

vue-jss

jss support for vue

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
19
Weekly Downloads
25
Last Commit
User Rating
5.0/ 5
1
Top Feedback
2Great Documentation
2Easy to Use

postcss-js

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

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
601
Weekly Downloads
3.2M
Last Commit
1mo ago

@theme-ui/prism

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
4.5K
Weekly Downloads
3.2K
Last Commit
2mos ago

@linaria/core

Zero-runtime CSS in JS library

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
8.9K
Weekly Downloads
57.8K
Last Commit
3mos ago

@compiled/react

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

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.6K
Weekly Downloads
4.9K
Last Commit
3mos ago

create-emotion-styled

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
15K
Weekly Downloads
97K
Last Commit
3mos ago

@linaria/react

Zero-runtime CSS in JS library

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
8.9K
Weekly Downloads
25K
Last Commit
3mos ago

@adeira/sx

🔮 MAIN MONOREPO 🔮 all new code, issues, and pull requests should go here

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
48
Weekly Downloads
179
Last Commit
3mos ago

@compiled/css

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

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.6K
Weekly Downloads
2.2K
Last Commit
3mos ago
nc

nano-css

Distilled CSS-in-JS for gourmet developers

Unlicense
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
379
Weekly Downloads
871K
Last Commit
10mos ago

@theme-ui/tailwind

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

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
4.5K
Weekly Downloads
398
Last Commit
2mos ago

@chakra-ui/parser

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
26.1K
Weekly Downloads
53
Last Commit
3mos ago
sc

@xstyled/styled-components

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
1.9K
Weekly Downloads
9.7K
Last Commit
4mos ago
fre

freestyler

5th generation CSS-in-JS library

Unknown
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
257
Weekly Downloads
60
Last Commit
25d ago

jsxstyle

Inline style system for React and Preact

Apache-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
2K
Weekly Downloads
1.2K
Last Commit
1mo ago
nl

next-linaria

Linaria support for Next.js

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
62
Weekly Downloads
7K
Last Commit
9mos ago
sty

style9

CSS-in-JS compiler inspired by Facebook's stylex

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
422
Weekly Downloads
180
Last Commit
3mos ago

theming

Unified CSSinJS theming solution for React

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
296
Weekly Downloads
183K
Last Commit
2yrs ago

@stream-io/styled-components

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

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
36.6K
Weekly Downloads
113
Last Commit
3mos ago

aphrodite

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

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
5.3K
Weekly Downloads
118K
Last Commit
1yr ago
gla

glamor

inline css for react et al

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
3.7K
Weekly Downloads
105K
Last Commit
5yrs ago
User Rating
Top Feedback
1Easy to Use
sn

styled-normalize

normalize.css for styled-components

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
424
Weekly Downloads
96.2K
Last Commit
2yrs ago
td

torus-dom

Torus is an event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies.

MIT
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
243
Weekly Downloads
295
Last Commit
1mo ago
gpl

gatsby-plugin-linaria

Gatsby plugin for styling with Linaria

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
52
Weekly Downloads
618
Last Commit
5mos ago
cxs

cxs

Fast af css-in-js in under 1kb

MIT
TypeScript Icon
TypeScript Definitions: DefinitelyTyped
GitHub Stars
Weekly Downloads
18.2K
Last Commit

styled-is

A flag utility for styled-components

MPL-2.0
TypeScript Icon
TypeScript Definitions: Built-In
GitHub Stars
209
Weekly Downloads
14.9K
Last Commit
2yrs ago

@frontmeans/style-producer

Produces and dynamically updates stylesheets

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
0
Weekly Downloads
2
Last Commit
4mos ago

vue-styled-components

Visual primitives for the component age. A simple port for Vue of styled-components 💅

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
1.3K
Weekly Downloads
11.1K
Last Commit
1yr ago
csj

csjs

✨ Modular, scoped CSS with ES6

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
579
Weekly Downloads
7.2K
Last Commit
5yrs ago
si

style-it

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

MIT
TypeScript Icon
TypeScript Definitions: Not Found
GitHub Stars
149
Weekly Downloads
6.1K
Last Commit
2yrs ago