Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR. Learn more →
Top 23 JavaScript css-in-j Projects
-
If you're still on the fence, the rise of Universal React Apps is a really exciting space that is further closing the gap between React and React Native. Universal React libraries and tooling, usually powered by react-native-web enable you to create cross-platform applications that run on iOS, Android, and the Web all from a shared React Native codebase. This lets you share navigation, styling, state management, and business logic saving you time and effort while respecting the unique conventions of each device type.
-
CodeRabbit
CodeRabbit: AI Code Reviews for Developers. Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
-
Project mention: Exploring Pigment CSS, a zero-runtime CSS-in-JS library by MUI | dev.to | 2024-07-03
The most popular CSS-in-JS libraries are styled-components and Emotion. MUI, a React component library, recently released a promising, zero-runtime CSS-in-JS library called Pigment CSS. This article will explore the features and benefits of Pigment CSS, offering a comparison to styled-components and Emotion based on performance, features, developer experience, and community support.
-
-
stitches
[Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
-
Project mention: 30+ CSS libraries and frameworks help you style your applications efficiently. | dev.to | 2024-08-12
Styled JSX Styled JSX is a full, scoped, and component-friendly CSS support library for JSX (and therefore React). It allows for scoped styles in Next.js applications and beyond.
-
-
Project mention: The Ultimate Guide to Styling with CSS-in-JS Using Styled Components | dev.to | 2024-05-13
While Styled Components is a popular choice for styling React applications, there are several alternatives worth exploring. Emotion, JSS, and CSS Modules are all viable options, each with its unique features and use cases.
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
-
-
Aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
Project mention: 30+ CSS libraries and frameworks help you style your applications efficiently. | dev.to | 2024-08-12Aphrodite Aphrodite is a CSS-in-JS library that provides deterministic, scoped styles. It focuses on performance and supports server-side rendering.
-
-
-
-
-
react-with-styles
Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation
-
vue-styled-components
Visual primitives for the component age. A simple port for Vue of styled-components 💅
-
-
-
torus
Torus is an event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies. (by thesephist)
-
-
-
Aris
Aris - A fast and powerful tool to write HTML in JS easily. Includes syntax highlighting, templates, SVG, CSS autofixing, debugger support and more...
-
fast-styles
⚡ A lightweight and efficient React Native styling package that generates styles during compile time without any runtime overhead
-
-
SaaSHub
SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives
NOTE:
The open source projects on this list are ordered by number of github stars.
The number of mentions indicates repo mentiontions in the last 12 Months or
since we started tracking (Dec 2020).
JavaScript css-in-js discussion
JavaScript css-in-js related posts
-
The Ultimate Guide to Styling with CSS-in-JS Using Styled Components
-
Creating Nx Workspace with Eslint, Prettier and Husky Configuration
-
How we improved page load speed for Next.js ecommerce website by 1.5 times
-
CSS Solves Auto-Expanding Textareas
-
Fustak: SQLite with replicas at edge. Fast builds using esbuild and Rust
-
Fustak: SQLite with replicas at edge. Fast builds using esbuild and Rust
-
Where should I host my freelance portfolio site?
-
A note from our sponsor - CodeRabbit
coderabbit.ai | 21 Mar 2025
Index
What are some of the best open-source css-in-j projects in JavaScript? This list will help you:
| # | Project | Stars |
|---|---|---|
| 1 | react-native-web | 21,821 |
| 2 | emotion | 17,675 |
| 3 | styled-system | 7,874 |
| 4 | stitches | 7,767 |
| 5 | styled-jsx | 7,753 |
| 6 | polished | 7,643 |
| 7 | JSS | 7,090 |
| 8 | css-in-js | 5,518 |
| 9 | Aphrodite | 5,348 |
| 10 | twind | 3,845 |
| 11 | typography | 3,841 |
| 12 | goober | 3,176 |
| 13 | Fela | 2,278 |
| 14 | react-with-styles | 1,705 |
| 15 | vue-styled-components | 1,389 |
| 16 | siimple | 661 |
| 17 | babel-plugin-tailwind-components | 332 |
| 18 | torus | 331 |
| 19 | vue-emotion | 223 |
| 20 | jest-glamor-react | 98 |
| 21 | Aris | 90 |
| 22 | fast-styles | 68 |
| 23 | atomize-by-quarkly | 67 |
Sponsored
CodeRabbit: AI Code Reviews for Developers
Revolutionize your code reviews with AI. CodeRabbit offers PR summaries, code walkthroughs, 1-click suggestions, and AST-based analysis. Boost productivity and code quality across all major languages with each PR.
coderabbit.ai