#Css-in-js

Showing 52 of 52 repositories tagged #css-in-js, ranked by stars

styled-components
styled-components
styled-components

Fast, expressive styling for React. Server components, client components, streaming SSR, React Nativeβ€”one API.

Score
98
β˜… 41.1k β‘‚ 2.5k +11/day
TypeScript
chakra-ui
chakra-ui
chakra-ui

Chakra UI is a component system for building SaaS products with speed ⚑️

Score
100
β˜… 40.5k β‘‚ 3.6k β€”
TypeScript
necolas
necolas
react-native-web

Cross-platform React UI packages

Score
83
β˜… 22.1k β‘‚ 1.8k β€”
JavaScript
emotion-js
emotion-js
emotion

πŸ‘©β€πŸŽ€ CSS-in-JS library designed for high performance style composition

Score
95
β˜… 18.0k β‘‚ 1.1k +1/day
JavaScript
tamagui
tamagui
tamagui

Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.

Score
100
β˜… 14.1k β‘‚ 602 +2/day
TypeScript
callstack
callstack
linaria

Zero-runtime CSS in JS library

Score
93
β˜… 12.3k β‘‚ 412 +3/day
TypeScript
microsoft
microsoft
frontend-bootcamp

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

Score
70
β˜… 10.8k β‘‚ 1.2k β€”
TypeScript
ben-rogerson
ben-rogerson
twin.macro

πŸ¦Ήβ€β™‚οΈ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, solid-styled-components, stitches and goober) at build time.

Score
84
β˜… 8.0k β‘‚ 179 β€”
TypeScript
styled-system
styled-system
styled-system

β¬’ Style props for rapid UI development

Score
63
β˜… 7.9k β‘‚ 495 β€”
JavaScript
vercel
vercel
styled-jsx

Full CSS support for JSX without compromises

Score
88
β˜… 7.8k β‘‚ 267 β€”
JavaScript
stitchesjs
stitchesjs
stitches

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

Score
60
β˜… 7.8k β‘‚ 260 β€”
JavaScript
elastic
elastic
eui

Elastic UI Framework πŸ™Œ

Score
91
β˜… 6.3k β‘‚ 885 β€”
TypeScript
chakra-ui
chakra-ui
panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Design Systems ⚑️

Score
86
β˜… 6.1k β‘‚ 308 +4/day
TypeScript
paypal
paypal
glamorous

DEPRECATED: πŸ’„ Maintainable CSS with React

Score
47
β˜… 3.6k β‘‚ 205 β€”
JavaScript
styled-components
styled-components
awesome-styled-components

A curated list of awesome styled-components resources πŸ’…

Score
44
β˜… 3.5k β‘‚ 272 β€”
cristianbote
cristianbote
goober

πŸ₯œ goober, a less than 1KB πŸŽ‰ css-in-js alternative with a familiar API

Score
81
β˜… 3.3k β‘‚ 125 β€”
JavaScript
typestyle
typestyle
typestyle

Making CSS Typesafe 🌹

Score
40
β˜… 3.1k β‘‚ 87 β€”
TypeScript
diegohaz
diegohaz
arc

React starter kit based on Atomic Design

Score
42
β˜… 2.9k β‘‚ 291 β€”
JavaScript
styled-components
styled-components
xstyled

A utility-first CSS-in-JS framework built for React. πŸ’…πŸ‘©β€πŸŽ€βš‘οΈ

Score
79
β˜… 2.3k β‘‚ 103 β€”
MDX
robinweser
robinweser
fela

State-Driven Styling in JavaScript

Score
37
β˜… 2.3k β‘‚ 177 β€”
JavaScript
jsxstyle
jsxstyle
jsxstyle

Inline style system for JSX

Score
74
β˜… 2.1k β‘‚ 59 β€”
TypeScript
atlassian-labs
atlassian-labs
compiled

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

Score
77
β˜… 2.1k β‘‚ 74 β€”
TypeScript
rebassjs
rebassjs
grid

This package has moved and renamed

Score
35
β˜… 2.0k β‘‚ 94 β€”
JavaScript
alidcast
alidcast
rogue.js

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

Score
33
β˜… 1.9k β‘‚ 37 β€”
JavaScript
kuma-ui
kuma-ui
kuma-ui

πŸ»β€β„οΈ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨

Score
72
β˜… 1.9k β‘‚ 69 β€”
TypeScript
typicode
typicode
mistcss

Create visual components for React without JavaScript or TypeScript. Leverage native HTML and CSS. It's an alternative to CSS-in-JS and CSS modules.

Score
65
β˜… 1.6k β‘‚ 56 β€”
JavaScript
styled-components
styled-components
vue-styled-components

Visual primitives for the component age. A simple port for Vue of styled-components πŸ’…

Score
67
β˜… 1.4k β‘‚ 99 β€”
JavaScript
andreipfeiffer
andreipfeiffer
css-in-js

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

Score
26
β˜… 857 β‘‚ 24 β€”
TypeScript
MathiasGilson
MathiasGilson
Tailwind-Styled-Component

Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering

Score
28
β˜… 824 β‘‚ 44 β€”
TypeScript
diegohaz
diegohaz
styled-tools

Useful interpolated functions for CSS-in-JS

Score
23
β˜… 799 β‘‚ 24 β€”
JavaScript
macaron-css
macaron-css
macaron

Compiler-augmented typesafe CSS-in-JS with zero runtime, colocation, maximum safety and productivity

Score
21
β˜… 786 β‘‚ 21 +1/day
TypeScript
priceline
priceline
design-system

Priceline.com Design System

Score
58
β˜… 727 β‘‚ 121 +1/day
TypeScript
garronej
garronej
tss-react

✨ Dynamic CSS-in-TS solution, based on Emotion

Score
56
β˜… 721 β‘‚ 39 β€”
TypeScript
blakeembrey
blakeembrey
free-style

Make CSS easier and more maintainable by using JavaScript

Score
19
β˜… 707 β‘‚ 27 β€”
TypeScript
ZeeCoder
ZeeCoder
use-resize-observer

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

Score
49
β˜… 680 β‘‚ 43 β€”
TypeScript
andreypopp
andreypopp
react-css-components

Define React presentational components with CSS

Score
16
β˜… 673 β‘‚ 14 β€”
JavaScript
kripod
kripod
otion

Atomic CSS-in-JS with a featherweight runtime

Score
14
β˜… 625 β‘‚ 22 β€”
TypeScript
gilbarbara
gilbarbara
react-redux-saga-boilerplate

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

Score
30
β˜… 616 β‘‚ 223 β€”
TypeScript
robinpowered
robinpowered
glamorous-native

DEPRECATED: πŸ’„ React Native component styling solved

Score
67
β˜… 570 β‘‚ 51 β€”
JavaScript
johanholmerin
johanholmerin
style9

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

Score
12
β˜… 567 β‘‚ 25 β€”
JavaScript
mg901
mg901
styled-breakpoints

Powerful CSS-in-JS media queries with SSR support.

Score
53
β˜… 557 β‘‚ 24 β€”
TypeScript
mrmartineau
mrmartineau
design-system-utils

πŸ‘©β€πŸŽ¨ Access your design tokens with ease

Score
9
β˜… 543 β‘‚ 12 β€”
TypeScript
dev-five-git
dev-five-git
devup-ui

JSX Zero-Runtime UI Styling Library

Score
51
β˜… 364 β‘‚ 31 β€”
Rust
react-next-boilerplate
react-next-boilerplate
react-next-boilerplate

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

Score
7
β˜… 362 β‘‚ 76 β€”
JavaScript
yandex
yandex
reshadow

Markup and styles that feel right

Score
5
β˜… 361 β‘‚ 11 β€”
JavaScript
xeoneux
xeoneux
next-dark-mode

πŸŒ‘ Enable dark mode for Next.js apps

Score
2
β˜… 218 β‘‚ 9 β€”
TypeScript
wang2lang
wang2lang
blog

δΈ€θˆ¬δΈδΌšε†™ API η±»ζ–‡η« οΌŒεŠͺεŠ›ε†™ζœ‰θ₯ε…»ηš„ζ–‡η« οΌŒε–œζ¬’θ―·η‚Ή star

Score
0
β˜… 165 β‘‚ 12 β€”
nitin42
nitin42
glamorous-primitives

πŸ’„ style primitive React interfaces with glamorous

Score
50
β˜… 93 β‘‚ 9 β€”
JavaScript
fedemartinm
fedemartinm
fast-styles

⚑ A lightweight and efficient React Native styling package that generates styles during compile time without any runtime overhead

Score
33
β˜… 73 β‘‚ 4 β€”
JavaScript
brunolemos
brunolemos
react-native-css-in-js-benchmarks

CSS in JS Benchmarks for React Native

Score
17
β˜… 48 β‘‚ 11 β€”
JavaScript
Econify
Econify
moonshine-css

πŸ₯ƒ High-proof atomic CSS framework

Score
0
β˜… 27 β‘‚ 1 β€”
Rust
lukaszkus
lukaszkus
react-native-music-app

The React Native mobile app that displays the top 100 albums based on the iTunes API.

Score
0
β˜… 12 β‘‚ 6 β€”
JavaScript
Related Topics
#react#css#styled-components#typescript#emotion#reactjs#react-native#javascript#atomic-css#styling#styled-system#nextjs

Β© 2026 GitRepoTrend Β· GitHub repositories by topic Β· Updated weekly