CSS-in-JS and Styled Components

13 repos

Libraries and frameworks for writing CSS directly within JavaScript/TypeScript code, enabling component-scoped styling and dynamic style generation. This cluster covers tools like styled-components and styled-jsx that bring CSS capabilities into React and other JavaScript environments, along with related utilities for styling systems and design tokens. These projects represent the dominant pattern in modern JavaScript web development for managing styles alongside component logic.

JavaScript · 10

TypeScript · 2

Go · 1

react ·122,690

css ·122,690

css-in-js ·96,077

styled-components ·56,705

jsx ·55,599

rsc ·41,102

reactnative ·41,102

compiler ·40,050

esm ·40,050

bundler ·40,050

Related clusters

Cluster 46220237 React UI Component Libraries & Design Systems23 Next.js React Component Frameworks22 Web markup formatting and beautification37 Curated Resource Lists and Guides39 React state management and UI libraries14

styled-components/styled-components

Fast, expressive styling for React. Server components, client components, streaming SSR, React…

TypeScript

41,102

3,727 commits

emotion-js/emotion

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

JavaScript

18,017

1,432 commits

vercel/styled-jsx

Full CSS support for JSX without compromises

JavaScript

7,774

415 commits

zeit/styled-jsx

Full CSS support for JSX without compromises

JavaScript

7,775

415 commits

muhajirdev/monad-ui

Utility First CSS-in-JS

JavaScript

51 commits

jxnblk/styled-system

⬢ Style props for rapid UI development

JavaScript

7,862

3,226 commits

gucong3000/postcss-jsx

PostCSS syntax for parsing CSS in JS literals

JavaScript

53 commits

evanw/esbuild

An extremely fast bundler for the web

40,050

4,469 commits

hudochenkov/postcss-styled-syntax

PostCSS syntax for CSS-in-JS like styled-components

JavaScript

76 commits

styled-components/polished

A lightweight toolset for writing styles in JavaScript ✨

JavaScript

7,662

862 commits

egoist/emotion-vue

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

JavaScript

223

46 commits

MicheleBertoli/css-in-js

React: CSS in JS techniques comparison

JavaScript

5,473

172 commits

tokenami/tokenami

The utility-first CSS lib for type-safe design systems. No runtime injection, no class soup, no…

TypeScript

1,017

600 commits