Top 200 css-in-js open source projects

React Usestyles
🖍 Style components using React hooks. Abstracts the styling library away.
Scale
The Scale library offers a set of customizable web components written with Stencil.js & TypeScript. The default theme of the library can be easily replaced so that a corresponding corporate identity of a dedicated brand can be represented.
Compiled
A familiar and performant compile time CSS-in-JS library for React.
React Image Smooth Loading
[not maintained] Images which just flick to appear aren't cool. Images which appear smoothly with a fade like Instagram are cool
Clxx
Some lightweight H5 components and features
Moo Css
模块化面向对象的css写法规范策略。适用于大中小型C端项目样式开发,旨在提高开发和维护效率。
React Jss
JSS integration for React (Migrated to a Monorepo it JSS repository)
Styled Components Rhythm
Vertical Rhythm and Font Baselines with Styled Components
Stylelint
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
Bss
🎨 Better Style Sheets
Css In Js Precompiler
WORK IN PROGRESS: Precompiles CSS-in-JS objects to CSS strings
Immutable Styles
A library for styling web interfaces with a focus on predictability and robustness. It uses immutability to remove side effects often tied to CSS, allowing UI bugs to be caught ahead of time!
Flame
Component library for building Lightspeed products
Rosebox
CSS in Typescript
Vue Styled Components
Visual primitives for the component age. A simple port for Vue of styled-components 💅
Css In Js Utils
Useful utility functions for CSS in JS solutions
Tailwind Styled Component
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
Cabana React
A design system built especially for both Sketch and React. 💎⚛️
Snackui
SnackUI 🍑 - the final React style library. With an *optimizing compiler* that lets you write views naturally, with easier DX, working on native and web at once, all while being faster than hand-rolling your own CSS.
Atomize
library for creating atomic react components
Styled Theming
Create themes for your app using styled-components
Twind
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
Treat
🍬 Themeable, statically extracted CSS‑in‑JS with near‑zero runtime.
Shadow
collection of useful CLJS code
Emotion Module
💖 Emotion module for Nuxt.js
Postjss
Use the power of PostCSS in compiling with JSS
Cattous
CSS in JSX for lazy developers, built using styled-components and styled-system
Beamwind
a collection of packages to compile Tailwind CSS like shorthand syntax into CSS at runtime
Styled Components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress 💅
Linaria
Zero-runtime CSS in JS library
Polished
A lightweight toolset for writing styles in JavaScript ✨
Jss
JSS is an authoring tool for CSS which uses JavaScript as a host language.
Styled Jsx
Full CSS support for JSX without compromises
Free Style
Make CSS easier and more maintainable by using JavaScript
React Css Components
Define React presentational components with CSS
Css In Js
React: CSS in JS techniques comparison
Aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
Csjs
✨ Modular, scoped CSS with ES6
Glamorous Native
React Native component styling solved💄
Otion
Atomic CSS-in-JS with a featherweight runtime
Awesome Css In Js
Awesome CSS in JS articles / tutorials / videos / benchmarks / comparision
React Redux Saga Boilerplate
Starter kit with react-router, react-helmet, redux, redux-saga and styled-components
Facepaint
Responsive style values for css-in-js.
Gatsby Starter Hero Blog
A ready to use, easy to customize, fully equipped GatsbyJS starter with a 'Hero' section on the home page.
Design System Utils
👩‍🎨 Access your design tokens with ease
Styled Breakpoints
Simple and powerful tool for creating breakpoints in styled components and emotion. 💅
Glaze
CSS-in-JS microlibrary for making design systems approachable with React
Twin.macro
🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Cljss
Clojure Style Sheets — CSS-in-JS for ClojureScript
Glamorous
DEPRECATED: 💄 Maintainable CSS with React
Color2k
a color parsing and manipulation lib served in roughly 2kB
61-120 of 200 css-in-js projects