Top 200 css-in-js open source projects

Runtime CSS manager, Turn CSS into dynamic JS module, Stylesheet CRUD (Create, Read, Update, Delete) in CSSOM, name space (local) class names

🦄🌈🍄 algebraic style composition for functional UIs

💈 CSS-in-JS 101: All you need to know

Tailwind CSS as a templating language in JS and CSS-in-JS

Compiles tailwind shorthand into css at runtime

React starter kit based on Atomic Design

Simple lib that allows you to set styled props in your styled-components without stress.

A Journey toward better style

A curated list of awesome styled-components resources 💅

Typed styled components in Reason, OCaml and ReScript

💌 styled-components for emails

5th generation CSS-in-JS library

⚡️💨 Fast styles in JavaScript with support for static CSS extraction.

Stupid simple style components for React

a short doc comparing the popular CSS-in-JS libraries styled-components and emotion

Fast & simple React component styles in under 1kb

Autocomplete React Native / JS Styles and converting plain CSS to JS styles

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

Extensible theming system for styled-components 💅

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

This package has moved and renamed

🎨 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!

Create a Shopify store with Gatsby JS 🛍️ 🛒

Seamlessly use emotion (CSS-in-JS) with Vue.js

State-Driven Styling in JavaScript

Inline style system for React and Preact

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

💅 A Gatsby Theme with styled-components

The "nearly invisible" way to server-render React applications

💅🏻 A styled-component implementation of Bootstrap

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

Component based styling for your React applications

一般不会写 API 类文章，努力写有营养的文章，喜欢请点 star

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

CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables

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

A beautiful React dark mode switch component for iOS, Android, and Web

🌑 Enable dark mode for Next.js apps

Make React components easier and more maintainable by using inline style objects

Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation

Generate development-ready theme JSON files from Figma Styles

🚀 A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.

A tiny css in js library 🚀

A thorough analysis of all the current CSS-in-JS solutions with SSR & TypeScript support for Next.js

Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

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

Simple and powerful lib to handle styled props in your components

Plugin to add Sass support to styled-jsx. Warning this is a Proof Of Concept plugin.

Typograpy components for react and styled-components

A <1kB library for styling React components as if with CSS-in-JS, without CSS-in-JS

🍭 CSS in React - Learn the best CSS in JS frameworks by example

Moved to https://rebassjs.org

Injecting CSS via React Components

💄 CSS constructor for React components

Stressless CSS for components using JS. Write Component Based CSS with functional mixins.

Jest utilities for Glamor and React

Responsive style props for building themed design systems

Universal polyfill for match media API using Expo APIs on mobile

💄 style primitive React interfaces with glamorous

Write CSS-in-JS with atomic support. Like Facebook's Stylex!