Topic: "css-in-js"
styled-components/styled-components
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress π
Language: TypeScript - Size: 33 MB - Last synced at: 5 days ago - Pushed at: about 1 month ago - Stars: 40,811 - Forks: 2,510

chakra-ui/chakra-ui
Chakra UI is a component system for building SaaS products with speed β‘οΈ
Language: TypeScript - Size: 170 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 39,181 - Forks: 3,424

necolas/react-native-web
Cross-platform React UI packages
Language: JavaScript - Size: 90.8 MB - Last synced at: 5 days ago - Pushed at: 2 months ago - Stars: 21,908 - Forks: 1,820

emotion-js/emotion
π©βπ€ CSS-in-JS library designed for high performance style composition
Language: JavaScript - Size: 23.8 MB - Last synced at: 5 days ago - Pushed at: 5 months ago - Stars: 17,779 - Forks: 1,125

tamagui/tamagui
Style React fast with 100% parity on React Native, an optional UI kit, and optimizing compiler.
Language: TypeScript - Size: 781 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 12,649 - Forks: 558

callstack/linaria
Zero-runtime CSS in JS library
Language: TypeScript - Size: 32 MB - Last synced at: 5 days ago - Pushed at: about 1 month ago - Stars: 12,070 - Forks: 414

microsoft/frontend-bootcamp π¦
Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
Language: TypeScript - Size: 14.1 MB - Last synced at: 3 days ago - Pushed at: over 3 years ago - Stars: 10,810 - Forks: 1,214

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.
Language: TypeScript - Size: 5.38 MB - Last synced at: 13 days ago - Pushed at: about 1 year ago - Stars: 8,010 - Forks: 183

styled-system/styled-system
β¬’ Style props for rapid UI development
Language: JavaScript - Size: 20.5 MB - Last synced at: 8 days ago - Pushed at: over 1 year ago - Stars: 7,874 - Forks: 497

stitchesjs/stitches
[Not Actively Maintained] CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
Language: JavaScript - Size: 7.57 MB - Last synced at: 5 days ago - Pushed at: 4 months ago - Stars: 7,804 - Forks: 259

vercel/styled-jsx
Full CSS support for JSX without compromises
Language: JavaScript - Size: 2.59 MB - Last synced at: 4 days ago - Pushed at: about 1 month ago - Stars: 7,770 - Forks: 263

styled-components/polished
A lightweight toolset for writing styles in JavaScript β¨
Language: JavaScript - Size: 10.9 MB - Last synced at: 5 days ago - Pushed at: 3 months ago - Stars: 7,657 - Forks: 209

cssinjs/jss
JSS is an authoring tool for CSS which uses JavaScript as a host language.
Language: JavaScript - Size: 7.8 MB - Last synced at: 4 days ago - Pushed at: 10 months ago - Stars: 7,092 - Forks: 400

elastic/eui
Elastic UI Framework π
Language: TypeScript - Size: 1.16 GB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 6,174 - Forks: 851

chakra-ui/panda
πΌ Universal, Type-Safe, CSS-in-JS Framework for Product Teams β‘οΈ
Language: TypeScript - Size: 49 MB - Last synced at: about 22 hours ago - Pushed at: 8 days ago - Stars: 5,554 - Forks: 264

MicheleBertoli/css-in-js
React: CSS in JS techniques comparison
Language: JavaScript - Size: 568 KB - Last synced at: 3 days ago - Pushed at: about 1 year ago - Stars: 5,518 - Forks: 283

Khan/aphrodite
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
Language: JavaScript - Size: 912 KB - Last synced at: 19 days ago - Pushed at: almost 4 years ago - Stars: 5,344 - Forks: 187

tw-in-js/twind
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
Language: JavaScript - Size: 46.5 MB - Last synced at: 1 day ago - Pushed at: 2 days ago - Stars: 3,871 - Forks: 105

KyleAMathews/typography.js
A powerful toolkit for building websites with beautiful design
Language: JavaScript - Size: 8.39 MB - Last synced at: 3 days ago - Pushed at: almost 2 years ago - Stars: 3,836 - Forks: 183

paypal/glamorous π¦
DEPRECATED: π Maintainable CSS with React
Language: JavaScript - Size: 1.25 MB - Last synced at: 5 days ago - Pushed at: over 6 years ago - Stars: 3,630 - Forks: 207

styled-components/awesome-styled-components
A curated list of awesome styled-components resources π
Size: 263 KB - Last synced at: about 1 month ago - Pushed at: about 2 years ago - Stars: 3,389 - Forks: 279

styletron/styletron
:zap: Toolkit for component-oriented styling
Language: TypeScript - Size: 2.48 MB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 3,317 - Forks: 96

cristianbote/goober
π₯ goober, a less than 1KB π css-in-js alternative with a familiar API
Language: JavaScript - Size: 3.41 MB - Last synced at: 3 days ago - Pushed at: about 2 months ago - Stars: 3,200 - Forks: 120

typestyle/typestyle
Making CSS Typesafe πΉ
Language: TypeScript - Size: 762 KB - Last synced at: 19 days ago - Pushed at: almost 2 years ago - Stars: 3,071 - Forks: 86

diegohaz/arc
React starter kit based on Atomic Design
Language: JavaScript - Size: 8.92 MB - Last synced at: 3 days ago - Pushed at: over 3 years ago - Stars: 2,926 - Forks: 293

styled-components/xstyled
A utility-first CSS-in-JS framework built for React. π π©βπ€β‘οΈ
Language: MDX - Size: 182 MB - Last synced at: 5 days ago - Pushed at: about 1 year ago - Stars: 2,300 - Forks: 107

robinweser/fela
State-Driven Styling in JavaScript
Language: JavaScript - Size: 12.7 MB - Last synced at: 2 days ago - Pushed at: 7 months ago - Stars: 2,283 - Forks: 184

jsxstyle/jsxstyle
Inline style system for JSX
Language: TypeScript - Size: 5.58 MB - Last synced at: 18 days ago - Pushed at: 21 days ago - Stars: 2,113 - Forks: 60

rebassjs/grid π¦
This package has moved and renamed
Language: JavaScript - Size: 1.88 MB - Last synced at: 3 days ago - Pushed at: almost 6 years ago - Stars: 2,037 - Forks: 96

atlassian-labs/compiled
A familiar and performant compile time CSS-in-JS library for React.
Language: TypeScript - Size: 16.1 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 2,009 - Forks: 70

alidcast/rogue.js π¦
The "nearly invisible" way to server-render React applications
Language: JavaScript - Size: 829 KB - Last synced at: about 4 hours ago - Pushed at: over 6 years ago - Stars: 1,884 - Forks: 49

kuma-ui/kuma-ui
π»ββοΈ A Headless, Utility-First, and Zero-Runtime UI Component Library β¨
Language: TypeScript - Size: 18.4 MB - Last synced at: 1 day ago - Pushed at: about 1 month ago - Stars: 1,830 - Forks: 66

airbnb/react-with-styles
Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation
Language: JavaScript - Size: 317 KB - Last synced at: 18 days ago - Pushed at: about 1 year ago - Stars: 1,702 - Forks: 98

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.
Language: JavaScript - Size: 11.8 MB - Last synced at: 17 days ago - Pushed at: 5 months ago - Stars: 1,405 - Forks: 38

styled-components/vue-styled-components
Visual primitives for the component age. A simple port for Vue of styled-components π
Language: JavaScript - Size: 1.8 MB - Last synced at: 10 days ago - Pushed at: over 2 years ago - Stars: 1,383 - Forks: 99

jxnblk/reflexbox π¦
Moved to https://rebassjs.org
Language: JavaScript - Size: 1.58 MB - Last synced at: 4 days ago - Pushed at: over 7 years ago - Stars: 1,350 - Forks: 71

microsoft/griffel
CSS-in-JS with ahead-of-time compilation β‘οΈ
Language: TypeScript - Size: 12.7 MB - Last synced at: about 4 hours ago - Pushed at: 25 days ago - Stars: 1,240 - Forks: 63

awesome-reveal/react-awesome-reveal
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Language: TypeScript - Size: 6.64 MB - Last synced at: 3 days ago - Pushed at: 6 months ago - Stars: 1,174 - Forks: 43

styled-components/styled-theming
Create themes for your app using styled-components
Language: JavaScript - Size: 61.5 KB - Last synced at: 3 days ago - Pushed at: over 3 years ago - Stars: 1,173 - Forks: 39

seek-oss/treat π¦
:candy: Themeable, statically extracted CSSβinβJS with nearβzero runtime.
Language: TypeScript - Size: 2.63 MB - Last synced at: 7 days ago - Pushed at: about 1 year ago - Stars: 1,149 - Forks: 30

choojs/bankai
:station: - friendly web compiler
Language: JavaScript - Size: 1.72 MB - Last synced at: 10 days ago - Pushed at: about 3 years ago - Stars: 1,088 - Forks: 77

segmentio/ui-box
Blazing Fast React UI Primitive
Language: TypeScript - Size: 3.9 MB - Last synced at: 17 days ago - Pushed at: over 1 year ago - Stars: 1,071 - Forks: 56

andreipfeiffer/css-in-js
A thorough analysis of all the current CSS-in-JS solutions with SSR & TypeScript support for Next.js
Language: TypeScript - Size: 1.93 MB - Last synced at: about 1 month ago - Pushed at: over 2 years ago - Stars: 848 - Forks: 23

MathiasGilson/Tailwind-Styled-Component
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
Language: TypeScript - Size: 567 KB - Last synced at: 18 days ago - Pushed at: 6 months ago - Stars: 823 - Forks: 45

diegohaz/styled-tools
Useful interpolated functions for CSS-in-JS
Language: JavaScript - Size: 1.19 MB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 801 - Forks: 23

macaron-css/macaron
Compiler-augmented typesafe CSS-in-JS with zero runtime, colocation, maximum safety and productivity
Language: TypeScript - Size: 1.25 MB - Last synced at: 6 days ago - Pushed at: 8 months ago - Stars: 777 - Forks: 19

priceline/design-system
Priceline.com Design System
Language: TypeScript - Size: 125 MB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 723 - Forks: 120

blakeembrey/free-style
Make CSS easier and more maintainable by using JavaScript
Language: TypeScript - Size: 930 KB - Last synced at: 18 days ago - Pushed at: over 1 year ago - Stars: 709 - Forks: 28

garronej/tss-react
β¨ Dynamic CSS-in-TS solution, based on Emotion
Language: TypeScript - Size: 118 MB - Last synced at: about 20 hours ago - Pushed at: about 1 month ago - Stars: 691 - Forks: 38

andreypopp/react-css-components
Define React presentational components with CSS
Language: JavaScript - Size: 507 KB - Last synced at: 8 days ago - Pushed at: about 8 years ago - Stars: 675 - Forks: 14

ZeeCoder/use-resize-observer
A React hook that allows you to use a ResizeObserver to measure an element's size.
Language: TypeScript - Size: 1000 KB - Last synced at: 18 days ago - Pushed at: almost 2 years ago - Stars: 666 - Forks: 43

jmjuanes/siimple
The minimal and themeable CSS toolkit for flat and clean designs
Language: JavaScript - Size: 5.39 MB - Last synced at: 8 days ago - Pushed at: over 1 year ago - Stars: 655 - Forks: 54

kripod/otion
Atomic CSS-in-JS with a featherweight runtime
Language: TypeScript - Size: 5.29 MB - Last synced at: 16 days ago - Pushed at: over 2 years ago - Stars: 629 - Forks: 24

ricokahler/color2k
a color parsing and manipulation lib served in roughly 2kB
Language: TypeScript - Size: 3.08 MB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 622 - Forks: 11

tuchk4/awesome-css-in-js
Awesome CSS in JS articles / tutorials / videos / benchmarks / comparision
Size: 26.4 KB - Last synced at: about 1 month ago - Pushed at: over 4 years ago - Stars: 616 - Forks: 31

gilbarbara/react-redux-saga-boilerplate
Starter kit with react-router, react-helmet, redux, redux-saga and styled-components
Language: TypeScript - Size: 3.92 MB - Last synced at: 4 days ago - Pushed at: over 1 year ago - Stars: 613 - Forks: 226

emotion-js/facepaint
Responsive style values for css-in-js.
Language: JavaScript - Size: 43.9 KB - Last synced at: 3 days ago - Pushed at: over 2 years ago - Stars: 596 - Forks: 19

rtsao/csjs
:sparkles: Modular, scoped CSS with ES6
Language: JavaScript - Size: 113 KB - Last synced at: 16 days ago - Pushed at: over 8 years ago - Stars: 574 - Forks: 32

johanholmerin/style9
CSS-in-JS compiler inspired by Meta's stylex
Language: JavaScript - Size: 1.12 MB - Last synced at: 16 days ago - Pushed at: over 1 year ago - Stars: 569 - Forks: 27

robinpowered/glamorous-native π¦
DEPRECATED: π React Native component styling solved
Language: JavaScript - Size: 331 KB - Last synced at: 8 days ago - Pushed at: almost 3 years ago - Stars: 568 - Forks: 52

mg901/styled-breakpoints
Simple and powerful breakpoints for styled components and emotion.
Language: JavaScript - Size: 11.4 MB - Last synced at: 3 days ago - Pushed at: 5 days ago - Stars: 555 - Forks: 23

mrmartineau/design-system-utils
π©βπ¨ Access your design tokens with ease
Language: TypeScript - Size: 1.36 MB - Last synced at: 16 days ago - Pushed at: over 5 years ago - Stars: 542 - Forks: 13

sannajammeh/tw-classed
Language: TypeScript - Size: 186 MB - Last synced at: 7 days ago - Pushed at: 6 months ago - Stars: 526 - Forks: 7

greglobinski/gatsby-starter-hero-blog π¦
A ready to use, easy to customize, fully equipped GatsbyJS starter with a 'Hero' section on the home page.
Language: JavaScript - Size: 10.8 MB - Last synced at: 5 months ago - Pushed at: over 2 years ago - Stars: 514 - Forks: 206

clj-commons/cljss
Clojure Style Sheets β CSS-in-JS for ClojureScript
Language: Clojure - Size: 272 KB - Last synced at: 3 days ago - Pushed at: about 2 years ago - Stars: 455 - Forks: 26

DigitecGalaxus/next-yak
π¦ Zero-runtime CSS-in-JS powered by Rust. Write styled-components syntax, get build-time CSS extraction and full RSC compatibility
Language: TypeScript - Size: 13.3 MB - Last synced at: 8 days ago - Pushed at: 9 days ago - Stars: 445 - Forks: 16

streamich/nano-css
Distilled CSS-in-JS for gourmet developers
Language: JavaScript - Size: 2.25 MB - Last synced at: 2 days ago - Pushed at: 8 days ago - Stars: 441 - Forks: 25

kripod/glaze
CSS-in-JS microlibrary for making design systems approachable with React
Language: TypeScript - Size: 3.93 MB - Last synced at: 15 days ago - Pushed at: over 2 years ago - Stars: 417 - Forks: 10

davesnx/styled-ppx
Type-safe styled components for ReScript, Melange and native with type-safe CSS
Language: Reason - Size: 10.1 MB - Last synced at: 7 days ago - Pushed at: about 2 months ago - Stars: 411 - Forks: 33

A-gambit/CSS-IN-JS-Benchmarks
Language: JavaScript - Size: 3.47 MB - Last synced at: 14 days ago - Pushed at: over 2 years ago - Stars: 380 - Forks: 58

Arthie/xwind
Tailwind CSS as a templating language in JS and CSS-in-JS
Language: TypeScript - Size: 56.2 MB - Last synced at: 10 days ago - Pushed at: over 2 years ago - Stars: 373 - Forks: 7

yandex/reshadow
Markup and styles that feel right
Language: JavaScript - Size: 3.2 MB - Last synced at: 6 days ago - Pushed at: over 2 years ago - Stars: 363 - Forks: 12

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.
Language: JavaScript - Size: 1.85 MB - Last synced at: 4 days ago - Pushed at: 9 months ago - Stars: 360 - Forks: 82

thesephist/torus
Torus is an event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies.
Language: JavaScript - Size: 2.72 MB - Last synced at: 15 days ago - Pushed at: almost 2 years ago - Stars: 335 - Forks: 12

bradlc/babel-plugin-tailwind-components
Use Tailwind with any CSS-in-JS library
Language: JavaScript - Size: 438 KB - Last synced at: about 20 hours ago - Pushed at: over 2 years ago - Stars: 334 - Forks: 23

kyleshevlin/shevyjs
Configurable Vertical Rhythm & Typography in CSS-in-JS
Language: TypeScript - Size: 1.78 MB - Last synced at: 20 days ago - Pushed at: over 2 years ago - Stars: 317 - Forks: 9

danieldelcore/trousers
hooks-first CSS-in-JS library, focused on semantics and runtime performance
Language: TypeScript - Size: 4.78 MB - Last synced at: 7 days ago - Pushed at: 3 months ago - Stars: 302 - Forks: 6

cssinjs/theming
Unified CSSinJS theming solution for React
Language: JavaScript - Size: 1.21 MB - Last synced at: 1 day ago - Pushed at: over 2 years ago - Stars: 302 - Forks: 35

stitchesjs/stitches-site
stitches.dev
Language: TypeScript - Size: 26.6 MB - Last synced at: 14 days ago - Pushed at: almost 2 years ago - Stars: 290 - Forks: 107

cdonohue/polychrome
π¨ Easy color manipulation in ~2kb (gzipped)
Language: TypeScript - Size: 378 KB - Last synced at: 14 days ago - Pushed at: over 7 years ago - Stars: 289 - Forks: 0

reacttips-dev/stylex
Write CSS-in-JS with atomic support. Like Facebook's Stylex!
Language: TypeScript - Size: 2.68 MB - Last synced at: 8 days ago - Pushed at: over 3 years ago - Stars: 287 - Forks: 19

bcrumbs/reactackle
Open-source components library built with React and Styled-Components.
Language: JavaScript - Size: 7.95 MB - Last synced at: 8 days ago - Pushed at: over 2 years ago - Stars: 279 - Forks: 23

mvximenko/dunno
Simplified version of IMDb built with React
Language: TypeScript - Size: 1.35 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 277 - Forks: 12

cssobj/cssobj
Runtime CSS manager, Turn CSS into dynamic JS module, Stylesheet CRUD (Create, Read, Update, Delete) in CSSOM, name space (local) class names
Language: JavaScript - Size: 655 KB - Last synced at: 13 days ago - Pushed at: about 7 years ago - Stars: 272 - Forks: 13

streamich/freestyler
5th generation CSS-in-JS library
Language: TypeScript - Size: 10.8 MB - Last synced at: about 22 hours ago - Pushed at: about 23 hours ago - Stars: 271 - Forks: 10

Sylvenas/react-magic
A collection of magic animations for react components.
Language: JavaScript - Size: 1.02 MB - Last synced at: 6 days ago - Pushed at: over 3 years ago - Stars: 266 - Forks: 27

lukejacksonn/oceanwind
Compiles tailwind shorthand into css at runtime. Succeeded by Twind.
Language: JavaScript - Size: 381 KB - Last synced at: 6 days ago - Pushed at: almost 4 years ago - Stars: 265 - Forks: 12

lazymozek/gulp-with-tailwindcss
Gulp with TailwindCSS Starter Kit
Language: JavaScript - Size: 795 KB - Last synced at: 14 days ago - Pushed at: 9 months ago - Stars: 261 - Forks: 71

oliviertassinari/a-journey-toward-better-style
A Journey toward better style
Language: JavaScript - Size: 3.7 MB - Last synced at: about 1 month ago - Pushed at: about 6 years ago - Stars: 261 - Forks: 9

ant-design/antd-style
css-in-js library with antd v5 token system
Language: TypeScript - Size: 1.35 MB - Last synced at: 10 days ago - Pushed at: 5 months ago - Stars: 259 - Forks: 36

sbekrin/styled-email-components
π styled-components for emails
Language: JavaScript - Size: 1.37 MB - Last synced at: 14 days ago - Pushed at: over 2 years ago - Stars: 255 - Forks: 3

stereobooster/css-in-js-101
π CSS-in-JS 101: All you need to know
Size: 7.92 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 250 - Forks: 9

jsjoeio/styled-components-vs-emotion
a short doc comparing the popular CSS-in-JS libraries styled-components and emotion
Size: 23.4 KB - Last synced at: 2 months ago - Pushed at: almost 5 years ago - Stars: 250 - Forks: 17

GatsbyStorefront/gatsby-theme-storefront-shopify
Create a Shopify store with Gatsby JS ποΈ π
Language: JavaScript - Size: 212 KB - Last synced at: 14 days ago - Pushed at: about 2 years ago - Stars: 241 - Forks: 58

RafalFilipek/styled-props π¦
Simple lib that allows you to set styled props in your styled-components without stress.
Language: JavaScript - Size: 1.64 MB - Last synced at: 4 days ago - Pushed at: almost 6 years ago - Stars: 241 - Forks: 9

remigallego/winampify
β‘ A Spotify web client with an OS-looking interface and a reimplementation of the classic audio player Winamp.
Language: TypeScript - Size: 18 MB - Last synced at: 5 months ago - Pushed at: over 2 years ago - Stars: 230 - Forks: 20

wayfair/rainbow-sprinkles
Dynamic, theme-driven, style props for vanilla-extract.
Language: TypeScript - Size: 28.6 MB - Last synced at: 1 day ago - Pushed at: 1 day ago - Stars: 228 - Forks: 18

giuseppeg/style-sheet π¦
β‘οΈπ¨ Fast styles in JavaScript with support for static CSS extraction.
Language: JavaScript - Size: 746 KB - Last synced at: 10 months ago - Pushed at: over 4 years ago - Stars: 225 - Forks: 9

ilhammeidi/boss-lite
Boss Lite - React Redux Material Admin Template
Language: JavaScript - Size: 8.3 MB - Last synced at: 19 days ago - Pushed at: about 3 years ago - Stars: 224 - Forks: 143

egoist/vue-emotion
Seamlessly use emotion (CSS-in-JS) with Vue.js
Language: JavaScript - Size: 1.1 MB - Last synced at: 14 days ago - Pushed at: almost 2 years ago - Stars: 222 - Forks: 21
