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: 12 days ago - Stars: 40,828 - Forks: 2,510

chakra-ui/chakra-ui

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

Language: TypeScript - Size: 171 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 39,277 - Forks: 3,431

necolas/react-native-web

Cross-platform React UI packages

Language: JavaScript - Size: 90.8 MB - Last synced at: 5 days ago - Pushed at: 3 months ago - Stars: 21,926 - Forks: 1,818

emotion-js/emotion

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

Language: JavaScript - Size: 23.8 MB - Last synced at: 6 days ago - Pushed at: 6 months ago - Stars: 17,794 - Forks: 1,130

tamagui/tamagui

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

Language: TypeScript - Size: 783 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 12,743 - Forks: 558

callstack/linaria

Zero-runtime CSS in JS library

Language: TypeScript - Size: 32.2 MB - Last synced at: 6 days ago - Pushed at: 24 days ago - Stars: 12,100 - Forks: 415

microsoft/frontend-bootcamp 📦

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

Language: TypeScript - Size: 14.1 MB - Last synced at: 4 days ago - Pushed at: over 3 years ago - Stars: 10,812 - Forks: 1,215

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: 9 days ago - Pushed at: about 1 year ago - Stars: 8,017 - Forks: 184

styled-system/styled-system

⬢ Style props for rapid UI development

Language: JavaScript - Size: 20.5 MB - Last synced at: 21 days ago - Pushed at: over 1 year ago - Stars: 7,874 - Forks: 498

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: 5 months ago - Stars: 7,806 - Forks: 259

vercel/styled-jsx

Full CSS support for JSX without compromises

Language: JavaScript - Size: 2.59 MB - Last synced at: 2 days ago - Pushed at: 2 months ago - Stars: 7,776 - Forks: 264

styled-components/polished

A lightweight toolset for writing styles in JavaScript ✨

Language: JavaScript - Size: 10.9 MB - Last synced at: 3 days ago - Pushed at: 4 months ago - Stars: 7,661 - Forks: 212

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: 5 days ago - Pushed at: 11 months ago - Stars: 7,092 - Forks: 401

elastic/eui

Elastic UI Framework 🙌

Language: TypeScript - Size: 1.17 GB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 6,177 - Forks: 855

chakra-ui/panda

🐼 Universal, Type-Safe, CSS-in-JS Framework for Product Teams ⚡️

Language: TypeScript - Size: 48.5 MB - Last synced at: about 13 hours ago - Pushed at: about 13 hours ago - Stars: 5,582 - Forks: 265

MicheleBertoli/css-in-js

React: CSS in JS techniques comparison

Language: JavaScript - Size: 568 KB - Last synced at: 1 day ago - Pushed at: about 1 year ago - Stars: 5,517 - 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: 10 days ago - Pushed at: almost 4 years ago - Stars: 5,343 - Forks: 189

tw-in-js/twind

The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.

Language: JavaScript - Size: 46.6 MB - Last synced at: 8 days ago - Pushed at: 10 days ago - Stars: 3,877 - 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: 4 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: 6 days ago - Pushed at: about 2 years ago - Stars: 3,403 - Forks: 279

styletron/styletron

:zap: Toolkit for component-oriented styling

Language: TypeScript - Size: 2.48 MB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 3,314 - 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: 3 months ago - Stars: 3,202 - Forks: 121

typestyle/typestyle

Making CSS Typesafe 🌹

Language: TypeScript - Size: 762 KB - Last synced at: about 1 month ago - Pushed at: about 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: 2 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,304 - Forks: 107

robinweser/fela

State-Driven Styling in JavaScript

Language: JavaScript - Size: 12.7 MB - Last synced at: 3 days ago - Pushed at: 8 months ago - Stars: 2,286 - Forks: 183

jsxstyle/jsxstyle

Inline style system for JSX

Language: TypeScript - Size: 5.58 MB - Last synced at: 13 days ago - Pushed at: about 1 month ago - Stars: 2,114 - Forks: 60

rebassjs/grid 📦

This package has moved and renamed

Language: JavaScript - Size: 1.88 MB - Last synced at: 25 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: 7 days ago - Stars: 2,011 - Forks: 70

alidcast/rogue.js 📦

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

Language: JavaScript - Size: 829 KB - Last synced at: 6 days ago - Pushed at: over 6 years ago - Stars: 1,883 - 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: 4 days ago - Pushed at: about 2 months 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: 9 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: 8 days ago - Pushed at: 6 months ago - Stars: 1,436 - Forks: 39

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: 6 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: about 23 hours 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: 11.1 MB - Last synced at: 7 days ago - Pushed at: 8 days ago - Stars: 1,244 - 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: 4 days ago - Pushed at: 6 months ago - Stars: 1,175 - Forks: 43

styled-components/styled-theming

Create themes for your app using styled-components

Language: JavaScript - Size: 61.5 KB - Last synced at: 25 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: 5 days ago - Pushed at: about 1 year ago - Stars: 1,148 - Forks: 30

choojs/bankai

:station: - friendly web compiler

Language: JavaScript - Size: 1.72 MB - Last synced at: 7 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: 9 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 2 months 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: about 1 month ago - Pushed at: 7 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: 7 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: 3 days ago - Pushed at: 8 months ago - Stars: 780 - Forks: 20

priceline/design-system

Priceline.com Design System

Language: TypeScript - Size: 125 MB - Last synced at: 21 days ago - Pushed at: 21 days ago - Stars: 724 - Forks: 121

blakeembrey/free-style

Make CSS easier and more maintainable by using JavaScript

Language: TypeScript - Size: 930 KB - Last synced at: 9 days ago - Pushed at: over 1 year ago - Stars: 708 - Forks: 28

garronej/tss-react

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

Language: TypeScript - Size: 118 MB - Last synced at: 7 days ago - Pushed at: about 2 months ago - Stars: 691 - Forks: 38

andreypopp/react-css-components

Define React presentational components with CSS

Language: JavaScript - Size: 507 KB - Last synced at: 9 days ago - Pushed at: over 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: 8 days ago - Pushed at: almost 2 years ago - Stars: 667 - Forks: 42

jmjuanes/siimple

The minimal and themeable CSS toolkit for flat and clean designs

Language: JavaScript - Size: 5.39 MB - Last synced at: 11 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: about 22 hours 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: 2.86 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 624 - Forks: 11

tuchk4/awesome-css-in-js

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

Size: 26.4 KB - Last synced at: 13 days 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: 2 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: 4 days ago - Pushed at: over 2 years ago - Stars: 595 - Forks: 19

rtsao/csjs

:sparkles: Modular, scoped CSS with ES6

Language: JavaScript - Size: 113 KB - Last synced at: 6 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: 7 days ago - Pushed at: over 1 year ago - Stars: 569 - Forks: 26

robinpowered/glamorous-native 📦

DEPRECATED: 💄 React Native component styling solved

Language: JavaScript - Size: 331 KB - Last synced at: 5 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: 10.7 MB - Last synced at: 7 days ago - Pushed at: 7 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: 4 days ago - Pushed at: over 5 years ago - Stars: 542 - Forks: 12

sannajammeh/tw-classed

Language: TypeScript - Size: 186 MB - Last synced at: 4 days ago - Pushed at: 7 months ago - Stars: 529 - 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

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.5 MB - Last synced at: about 2 hours ago - Pushed at: about 3 hours ago - Stars: 462 - Forks: 15

clj-commons/cljss

Clojure Style Sheets — CSS-in-JS for ClojureScript

Language: Clojure - Size: 272 KB - Last synced at: 1 day ago - Pushed at: about 2 years ago - Stars: 455 - Forks: 26

streamich/nano-css

Distilled CSS-in-JS for gourmet developers

Language: JavaScript - Size: 2.26 MB - Last synced at: 1 day ago - Pushed at: 3 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: 7 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: 29 days ago - Pushed at: 3 months ago - Stars: 411 - Forks: 33

A-gambit/CSS-IN-JS-Benchmarks

Language: JavaScript - Size: 3.47 MB - Last synced at: about 1 month 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: 11 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: 3 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: 26 days ago - Pushed at: 10 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: 4 days ago - Pushed at: almost 2 years ago - Stars: 338 - Forks: 12

bradlc/babel-plugin-tailwind-components

Use Tailwind with any CSS-in-JS library

Language: JavaScript - Size: 438 KB - Last synced at: 1 day 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: about 1 month 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.79 MB - Last synced at: 8 days ago - Pushed at: 20 days ago - Stars: 302 - Forks: 6

cssinjs/theming

Unified CSSinJS theming solution for React

Language: JavaScript - Size: 1.21 MB - Last synced at: about 20 hours 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: about 1 month ago - Pushed at: about 2 years ago - Stars: 290 - Forks: 107

cdonohue/polychrome

🎨 Easy color manipulation in ~2kb (gzipped)

Language: TypeScript - Size: 378 KB - Last synced at: 4 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: 7 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

streamich/freestyler

5th generation CSS-in-JS library

Language: TypeScript - Size: 10.8 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 272 - Forks: 10

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: 5 days ago - Pushed at: over 7 years ago - Stars: 272 - Forks: 13

ant-design/antd-style

css-in-js library with antd v5 token system

Language: TypeScript - Size: 1.35 MB - Last synced at: 6 days ago - Pushed at: 20 days ago - Stars: 267 - Forks: 36

Sylvenas/react-magic

A collection of magic animations for react components.

Language: JavaScript - Size: 1.02 MB - Last synced at: 11 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: 2 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: about 1 month ago - Pushed at: 10 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 2 months ago - Pushed at: about 6 years ago - Stars: 261 - Forks: 9

sbekrin/styled-email-components

💌 styled-components for emails

Language: JavaScript - Size: 1.37 MB - Last synced at: 5 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: 3 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: 3 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: 5 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: 2 days ago - Pushed at: almost 6 years ago - Stars: 240 - 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: 6 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: 8 days ago - Pushed at: 8 days 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: 11 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: about 1 month 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: 6 days ago - Pushed at: almost 2 years ago - Stars: 222 - Forks: 21