271 Open Source CSS In JS Software Projects

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

React Native Components and APIs for the Web

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

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

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

A lightweight toolset for writing styles in JavaScript ✨

⬢ Style props for rapid UI development

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

Zero-runtime CSS in JS library

Full CSS support for JSX without compromises

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

React: CSS in JS techniques comparison

DEPRECATED: 💄 Maintainable CSS with React

A powerful toolkit for building websites with beautiful design

:zap: Toolkit for component-oriented styling

Making CSS Typesafe 🌹

React starter kit based on Atomic Design

A curated list of awesome styled-components resources 💅

This package has moved and renamed

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

Inline style system for React and Preact

State-Driven Styling in JavaScript

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

Moved to https://rebassjs.org

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

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

:station: - friendly web compiler

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

Create themes for your app using styled-components

:candy: Themeable, statically extracted CSS‑in‑JS with near‑zero runtime.

Blazing Fast React UI Primitive

🦹‍♂️ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.

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

Useful interpolated functions for CSS-in-JS

Define React presentational components with CSS

Make CSS easier and more maintainable by using JavaScript

:sparkles: Modular, scoped CSS with ES6

Priceline.com Design System

React Native component styling solved💄

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

Awesome CSS in JS articles / tutorials / videos / benchmarks / comparision

Starter kit with react-router, react-helmet, redux, redux-saga and styled-components

Responsive style values for css-in-js.

A ready to use, easy to customize, fully equipped GatsbyJS starter with a 'Hero' section on the home page.

👩‍🎨 Access your design tokens with ease

Atomic CSS-in-JS with a featherweight runtime

Simple and powerful tool for creating breakpoints in styled components and emotion. 💅

CSS-in-JS microlibrary for making design systems approachable with React

Clojure Style Sheets — CSS-in-JS for ClojureScript

Markup and styles that feel right

a color parsing and manipulation lib served in roughly 2kB

🎨 Easy color manipulation in ~2kb (gzipped)

Unified CSSinJS theming solution for React

Use Tailwind with any CSS-in-JS library

Open-source components library built with React and Styled-Components.

Configurable Vertical Rhythm & Typography in CSS-in-JS

A collection of magic animations for react components.

🦄🌈🍄 algebraic style composition for functional UIs

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

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

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

💌 styled-components for emails

A Journey toward better style

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

5th generation CSS-in-JS library

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

Stupid simple style components for React

Fast & simple React component styles in under 1kb

A React hook that allows you to use a ResizeObserver to measure an element's size.

Typed styled components in Reason, OCaml and ReScript

🛍 A Shopping Cart built with TypeScript, Emotion, Next.js, React.js, React Query, Shopify Storefront GraphQL API, ... and Material UI.

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

Extensible theming system for styled-components 💅

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

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

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

💅🏻 A styled-component implementation of Bootstrap

💅 A Gatsby Theme with styled-components

Component based styling for your React applications

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

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

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

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

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

Generate development-ready theme JSON files from Figma Styles

A tiny css in js library 🚀

Simple and powerful lib to handle styled props in your components

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

React components to add reveal animations using the Intersection Observer API and CSS Animations.

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

Typograpy components for react and styled-components

Create a Shopify store with Gatsby JS 🛍️ 🛒

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

Injecting CSS via React Components

💄 CSS constructor for React components

Jest utilities for Glamor and React

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

Responsive style props for building themed design systems