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.8 MB - Last synced at: about 2 hours ago - Pushed at: 9 days ago - Stars: 40,949 - Forks: 2,521

chakra-ui/chakra-ui

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

Language: TypeScript - Size: 266 MB - Last synced at: about 18 hours ago - Pushed at: 1 day ago - Stars: 39,782 - Forks: 3,495

necolas/react-native-web

Cross-platform React UI packages

Language: JavaScript - Size: 91.1 MB - Last synced at: about 3 hours ago - Pushed at: about 1 month ago - Stars: 22,021 - Forks: 1,829

emotion-js/emotion

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

Language: JavaScript - Size: 23.8 MB - Last synced at: 3 days ago - Pushed at: about 1 month ago - Stars: 17,894 - Forks: 1,134

tamagui/tamagui

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

Language: TypeScript - Size: 797 MB - Last synced at: 1 day ago - Pushed at: 7 days ago - Stars: 13,182 - Forks: 579

callstack/linaria

Zero-runtime CSS in JS library

Language: TypeScript - Size: 32.2 MB - Last synced at: 5 days ago - Pushed at: 29 days ago - Stars: 12,199 - Forks: 415

microsoft/frontend-bootcamp 📦

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

Language: TypeScript - Size: 14.1 MB - Last synced at: 7 days ago - Pushed at: over 3 years ago - Stars: 10,825 - Forks: 1,210

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: 24 days ago - Pushed at: over 1 year ago - Stars: 8,029 - Forks: 183

styled-system/styled-system

⬢ Style props for rapid UI development

Language: JavaScript - Size: 20.5 MB - Last synced at: 2 days ago - Pushed at: over 1 year ago - Stars: 7,875 - Forks: 494

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: 8 months ago - Stars: 7,809 - Forks: 256

vercel/styled-jsx

Full CSS support for JSX without compromises

Language: JavaScript - Size: 2.59 MB - Last synced at: 4 days ago - Pushed at: 5 months ago - Stars: 7,787 - Forks: 265

styled-components/polished

A lightweight toolset for writing styles in JavaScript ✨

Language: JavaScript - Size: 11.1 MB - Last synced at: about 22 hours ago - Pushed at: 3 months ago - Stars: 7,657 - Forks: 213

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: about 24 hours ago - Pushed at: about 1 year ago - Stars: 7,095 - Forks: 397

elastic/eui

Elastic UI Framework 🙌

Language: TypeScript - Size: 1.2 GB - Last synced at: 8 days ago - Pushed at: 8 days ago - Stars: 6,208 - Forks: 858

chakra-ui/panda

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

Language: TypeScript - Size: 56.4 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 5,817 - Forks: 268

MicheleBertoli/css-in-js

React: CSS in JS techniques comparison

Language: JavaScript - Size: 568 KB - Last synced at: 10 days ago - Pushed at: over 1 year ago - Stars: 5,512 - Forks: 282

Khan/aphrodite

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

Language: JavaScript - Size: 921 KB - Last synced at: 29 days ago - Pushed at: 3 months ago - Stars: 5,344 - Forks: 189

tw-in-js/twind

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

Language: JavaScript - Size: 47.1 MB - Last synced at: 1 day ago - Pushed at: 3 days ago - Stars: 3,893 - Forks: 105

KyleAMathews/typography.js

A powerful toolkit for building websites with beautiful design

Language: JavaScript - Size: 8.39 MB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 3,837 - Forks: 182

paypal/glamorous 📦

DEPRECATED: 💄 Maintainable CSS with React

Language: JavaScript - Size: 1.25 MB - Last synced at: 2 days ago - Pushed at: almost 7 years ago - Stars: 3,628 - Forks: 207

styled-components/awesome-styled-components

A curated list of awesome styled-components resources 💅

Size: 263 KB - Last synced at: 9 days ago - Pushed at: over 2 years ago - Stars: 3,421 - Forks: 278

styletron/styletron

:zap: Toolkit for component-oriented styling

Language: TypeScript - Size: 2.48 MB - Last synced at: 4 days ago - Pushed at: almost 2 years ago - Stars: 3,315 - Forks: 94

cristianbote/goober

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

Language: JavaScript - Size: 3.43 MB - Last synced at: about 6 hours ago - Pushed at: 6 days ago - Stars: 3,222 - Forks: 124

typestyle/typestyle

Making CSS Typesafe 🌹

Language: TypeScript - Size: 762 KB - Last synced at: 5 months ago - Pushed at: over 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: about 1 month ago - Pushed at: over 3 years ago - Stars: 2,928 - Forks: 293

styled-components/xstyled

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

Language: MDX - Size: 182 MB - Last synced at: about 9 hours ago - Pushed at: over 1 year ago - Stars: 2,307 - Forks: 106

robinweser/fela

State-Driven Styling in JavaScript

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

jsxstyle/jsxstyle

Inline style system for JSX

Language: TypeScript - Size: 5.58 MB - Last synced at: 11 days ago - Pushed at: 5 months ago - Stars: 2,116 - Forks: 60

rebassjs/grid 📦

This package has moved and renamed

Language: JavaScript - Size: 1.88 MB - Last synced at: 7 days ago - Pushed at: about 6 years ago - Stars: 2,033 - Forks: 96

atlassian-labs/compiled

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

Language: TypeScript - Size: 18.6 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 2,025 - Forks: 71

alidcast/rogue.js 📦

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

Language: JavaScript - Size: 829 KB - Last synced at: 15 days ago - Pushed at: almost 7 years ago - Stars: 1,880 - Forks: 36

kuma-ui/kuma-ui

🐻‍❄️ A Headless, Utility-First, and Zero-Runtime UI Component Library ✨

Language: TypeScript - Size: 18.6 MB - Last synced at: 6 days ago - Pushed at: 6 days ago - Stars: 1,842 - 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: about 1 month ago - Pushed at: over 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: 28 days ago - Pushed at: 9 months ago - Stars: 1,510 - Forks: 43

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: 11 days ago - Pushed at: over 2 years ago - Stars: 1,382 - Forks: 99

jxnblk/reflexbox 📦

Moved to https://rebassjs.org

Language: JavaScript - Size: 1.58 MB - Last synced at: 10 days ago - Pushed at: over 7 years ago - Stars: 1,350 - Forks: 52

microsoft/griffel

CSS-in-JS with ahead-of-time compilation ⚡️

Language: TypeScript - Size: 11.3 MB - Last synced at: 2 days ago - Pushed at: 15 days ago - Stars: 1,260 - Forks: 65

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: about 3 hours ago - Pushed at: 10 months ago - Stars: 1,188 - Forks: 44

styled-components/styled-theming

Create themes for your app using styled-components

Language: JavaScript - Size: 61.5 KB - Last synced at: 2 days ago - Pushed at: about 4 years ago - Stars: 1,171 - 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: over 1 year ago - Stars: 1,147 - Forks: 30

choojs/bankai

:station: - friendly web compiler

Language: JavaScript - Size: 1.72 MB - Last synced at: 4 days ago - Pushed at: over 3 years ago - Stars: 1,089 - Forks: 76

segmentio/ui-box

Blazing Fast React UI Primitive

Language: TypeScript - Size: 3.9 MB - Last synced at: 20 days ago - Pushed at: almost 2 years ago - Stars: 1,066 - Forks: 55

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: 5 months ago - Pushed at: almost 3 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: 2 months ago - Pushed at: 10 months ago - Stars: 826 - Forks: 44

diegohaz/styled-tools

Useful interpolated functions for CSS-in-JS

Language: JavaScript - Size: 1.19 MB - Last synced at: about 14 hours ago - Pushed at: almost 3 years ago - Stars: 800 - 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: about 3 hours ago - Pushed at: 12 months ago - Stars: 782 - Forks: 22

priceline/design-system

Priceline.com Design System

Language: TypeScript - Size: 125 MB - Last synced at: 25 days ago - Pushed at: 27 days ago - Stars: 722 - Forks: 121

blakeembrey/free-style

Make CSS easier and more maintainable by using JavaScript

Language: TypeScript - Size: 930 KB - Last synced at: about 6 hours ago - Pushed at: over 1 year ago - Stars: 707 - Forks: 28

garronej/tss-react

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

Language: TypeScript - Size: 118 MB - Last synced at: 15 days ago - Pushed at: 3 months ago - Stars: 686 - Forks: 38

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: 7 days ago - Pushed at: about 2 years ago - Stars: 677 - Forks: 43

andreypopp/react-css-components

Define React presentational components with CSS

Language: JavaScript - Size: 507 KB - Last synced at: 1 day ago - Pushed at: over 8 years ago - Stars: 674 - Forks: 14

jmjuanes/siimple

The minimal and themeable CSS toolkit for flat and clean designs

Language: JavaScript - Size: 5.39 MB - Last synced at: about 19 hours ago - Pushed at: over 1 year ago - Stars: 657 - Forks: 54

kripod/otion

Atomic CSS-in-JS with a featherweight runtime

Language: TypeScript - Size: 5.29 MB - Last synced at: 10 days ago - Pushed at: almost 3 years ago - Stars: 630 - Forks: 24

ricokahler/color2k

a color parsing and manipulation lib served in roughly 2kB

Language: TypeScript - Size: 2.65 MB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 624 - Forks: 10

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: 14 days ago - Pushed at: over 1 year ago - Stars: 616 - Forks: 226

tuchk4/awesome-css-in-js

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

Size: 26.4 KB - Last synced at: 9 days ago - Pushed at: almost 5 years ago - Stars: 615 - Forks: 31

emotion-js/facepaint

Responsive style values for css-in-js.

Language: JavaScript - Size: 43.9 KB - Last synced at: 6 days ago - Pushed at: almost 3 years ago - Stars: 594 - Forks: 19

rtsao/csjs

:sparkles: Modular, scoped CSS with ES6

Language: JavaScript - Size: 113 KB - Last synced at: 9 days ago - Pushed at: over 8 years ago - Stars: 574 - Forks: 32

robinpowered/glamorous-native 📦

DEPRECATED: 💄 React Native component styling solved

Language: JavaScript - Size: 331 KB - Last synced at: 30 days ago - Pushed at: about 3 years ago - Stars: 569 - Forks: 51

johanholmerin/style9

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

Language: JavaScript - Size: 1.12 MB - Last synced at: 28 days ago - Pushed at: almost 2 years ago - Stars: 567 - Forks: 26

mg901/styled-breakpoints

Simple and powerful breakpoints for styled components and emotion.

Language: JavaScript - Size: 12.4 MB - Last synced at: 12 days ago - Pushed at: 12 days ago - Stars: 556 - Forks: 24

mrmartineau/design-system-utils

👩‍🎨 Access your design tokens with ease

Language: TypeScript - Size: 1.36 MB - Last synced at: 7 days ago - Pushed at: over 5 years ago - Stars: 545 - Forks: 12

sannajammeh/tw-classed

Language: TypeScript - Size: 186 MB - Last synced at: 7 days ago - Pushed at: about 1 month ago - Stars: 526 - Forks: 6

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: 8 days ago - Pushed at: over 2 years ago - Stars: 515 - Forks: 205

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.7 MB - Last synced at: 6 days ago - Pushed at: 8 days ago - Stars: 506 - Forks: 17

clj-commons/cljss

Clojure Style Sheets — CSS-in-JS for ClojureScript

Language: Clojure - Size: 272 KB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 455 - Forks: 26

streamich/nano-css

Distilled CSS-in-JS for gourmet developers

Language: JavaScript - Size: 2.25 MB - Last synced at: 4 days ago - Pushed at: 22 days ago - Stars: 442 - Forks: 25

kripod/glaze

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

Language: TypeScript - Size: 3.93 MB - Last synced at: 9 days ago - Pushed at: almost 3 years ago - Stars: 416 - Forks: 11

A-gambit/CSS-IN-JS-Benchmarks

Language: JavaScript - Size: 3.47 MB - Last synced at: 15 days ago - Pushed at: over 2 years ago - Stars: 381 - Forks: 57

Arthie/xwind

Tailwind CSS as a templating language in JS and CSS-in-JS

Language: TypeScript - Size: 56.2 MB - Last synced at: 2 months 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: 7 days ago - Pushed at: over 2 years ago - Stars: 364 - 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 months ago - Pushed at: about 1 year 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: about 1 month ago - Pushed at: about 2 years ago - Stars: 339 - Forks: 12

bradlc/babel-plugin-tailwind-components

Use Tailwind with any CSS-in-JS library

Language: JavaScript - Size: 438 KB - Last synced at: 27 days ago - Pushed at: almost 3 years ago - Stars: 335 - Forks: 23

kyleshevlin/shevyjs

Configurable Vertical Rhythm & Typography in CSS-in-JS

Language: TypeScript - Size: 1.78 MB - Last synced at: 5 months ago - Pushed at: almost 3 years ago - Stars: 317 - Forks: 9

cssinjs/theming

Unified CSSinJS theming solution for React

Language: JavaScript - Size: 1.21 MB - Last synced at: 5 days ago - Pushed at: almost 3 years ago - Stars: 303 - Forks: 35

danieldelcore/trousers

hooks-first CSS-in-JS library, focused on semantics and runtime performance

Language: TypeScript - Size: 4.79 MB - Last synced at: 4 days ago - Pushed at: 4 months ago - Stars: 300 - Forks: 5

stitchesjs/stitches-site

stitches.dev

Language: TypeScript - Size: 26.6 MB - Last synced at: 5 months ago - Pushed at: over 2 years ago - Stars: 290 - Forks: 107

cdonohue/polychrome

🎨 Easy color manipulation in ~2kb (gzipped)

Language: TypeScript - Size: 378 KB - Last synced at: about 1 month 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: about 6 hours ago - Pushed at: almost 4 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: 12 days ago - Pushed at: almost 3 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: 23 days ago - Pushed at: 23 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: 3 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.37 MB - Last synced at: 24 days ago - Pushed at: 3 months ago - Stars: 270 - Forks: 39

dev-five-git/devup-ui

JSX Zero-Runtime UI Styling Library

Language: Rust - Size: 31 MB - Last synced at: 8 days ago - Pushed at: 9 days ago - Stars: 268 - Forks: 20

Sylvenas/react-magic

A collection of magic animations for react components.

Language: JavaScript - Size: 1.02 MB - Last synced at: 3 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: 4 days ago - Pushed at: about 4 years ago - Stars: 264 - Forks: 12

lazymozek/gulp-with-tailwindcss

Gulp with TailwindCSS Starter Kit

Language: JavaScript - Size: 795 KB - Last synced at: 5 months ago - Pushed at: about 1 year 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: 5 months ago - Pushed at: over 6 years ago - Stars: 261 - Forks: 9

sbekrin/styled-email-components

💌 styled-components for emails

Language: JavaScript - Size: 1.37 MB - Last synced at: 2 months ago - Pushed at: almost 3 years ago - Stars: 256 - Forks: 3

stereobooster/css-in-js-101

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

Size: 7.92 MB - Last synced at: 6 months ago - Pushed at: almost 3 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: about 2 months ago - Pushed at: about 5 years ago - Stars: 250 - Forks: 15

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: 14 days ago - Pushed at: almost 3 years ago - Stars: 244 - Forks: 21

GatsbyStorefront/gatsby-theme-storefront-shopify

Create a Shopify store with Gatsby JS 🛍️ 🛒

Language: JavaScript - Size: 212 KB - Last synced at: 8 days ago - Pushed at: over 2 years ago - Stars: 242 - Forks: 57

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: 14 days ago - Pushed at: about 6 years ago - Stars: 240 - Forks: 9

wayfair/rainbow-sprinkles

Dynamic, theme-driven, style props for vanilla-extract.

Language: TypeScript - Size: 28.6 MB - Last synced at: 3 days ago - Pushed at: 8 days ago - Stars: 232 - Forks: 18

giuseppeg/style-sheet 📦

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

Language: JavaScript - Size: 746 KB - Last synced at: about 1 year ago - Pushed at: almost 5 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: 5 months ago - Pushed at: over 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: about 2 years ago - Stars: 222 - Forks: 21