xeoneux/next-dark-mode

🌑 Enable dark mode for Next.js apps

Language: TypeScript - Size: 1.73 MB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 218 - Forks: 9

07akioni/css-render

Generating CSS using JS with considerable flexibility and extensibility, at both server side and client side.

Language: TypeScript - Size: 945 KB - Last synced at: about 7 hours ago - Pushed at: over 1 year ago - Stars: 213 - Forks: 24

jxnblk/axs

Stupid simple style components for React

Language: JavaScript - Size: 1.08 MB - Last synced at: 4 months ago - Pushed at: over 7 years ago - Stars: 210 - Forks: 9

mvximenko/flat-ui-colors

Clone of Flat UI Colors built with React

Language: JavaScript - Size: 3.1 MB - Last synced at: almost 2 years ago - Pushed at: almost 3 years ago - Stars: 209 - Forks: 7

ansumanshah/css-in-js

Autocomplete React Native / JS Styles and converting plain CSS to JS styles

Language: JavaScript - Size: 8.97 MB - Last synced at: about 2 months ago - Pushed at: over 2 years ago - Stars: 208 - Forks: 21

aesthetic-suite/framework

🎨 Aesthetic is an end-to-end multi-platform styling framework that offers a strict design system, robust atomic CSS-in-JS engine, a structural style sheet specification (SSS), a low-runtime solution, and much more!

Language: TypeScript - Size: 6.8 MB - Last synced at: 4 days ago - Pushed at: about 4 years ago - Stars: 204 - Forks: 5

jxnblk/nano-component 📦

Fast & simple React component styles in under 1kb

Language: JavaScript - Size: 635 KB - Last synced at: about 1 month ago - Pushed at: about 8 years ago - Stars: 197 - Forks: 2

gluestack/gluestack-style 📦

Universal and Performant Styling library for React Native, Next.js, Expo & React

Language: TypeScript - Size: 39.1 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 191 - Forks: 8

lxsmnsyc/solid-styled

Reactive stylesheets for SolidJS

Language: TypeScript - Size: 984 KB - Last synced at: 2 months ago - Pushed at: 7 months ago - Stars: 189 - Forks: 10

diegohaz/styled-theme

Extensible theming system for styled-components 💅

Language: JavaScript - Size: 105 KB - Last synced at: 11 days ago - Pushed at: almost 8 years ago - Stars: 180 - Forks: 8

kuldeepkeshwar/filbert-js

A lightweight(~1kb) css-in-js framework

Language: JavaScript - Size: 5.67 MB - Last synced at: about 1 hour ago - Pushed at: over 1 year ago - Stars: 174 - Forks: 9

bntzio/gatsby-theme-superstylin

💅 A Gatsby Theme with styled-components

Language: JavaScript - Size: 4.12 MB - Last synced at: 23 days ago - Pushed at: over 2 years ago - Stars: 170 - Forks: 19

hengg/styled-components-docs-zh

💅 styled-components 中文文档翻译 🏇持续施工中

Size: 59.6 KB - Last synced at: 6 months ago - Pushed at: about 6 years ago - Stars: 170 - Forks: 17

wang2lang/blog

一般不会写 API 类文章，努力写有营养的文章，喜欢请点 star

Size: 48.8 KB - Last synced at: 5 months ago - Pushed at: about 7 years ago - Stars: 164 - Forks: 12

buildbreakdo/style-it 📦

Component for writing plaintext CSS in React apps -- isomorphic, scoped, FOUC-free, fully featured, CSS-in-JS

Language: JavaScript - Size: 2.06 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 159 - Forks: 6

EvanBacon/expo-dark-mode-switch

A beautiful React dark mode switch component for iOS, Android, and Web

Language: TypeScript - Size: 562 KB - Last synced at: 13 days ago - Pushed at: about 4 years ago - Stars: 158 - Forks: 10

xDae/styled-bootstrap

💅🏻 A styled-component implementation of Bootstrap

Language: JavaScript - Size: 10.2 MB - Last synced at: 5 days ago - Pushed at: over 6 years ago - Stars: 154 - Forks: 12

prometheusresearch-archive/react-stylesheet

Component based styling for your React applications

Language: JavaScript - Size: 654 KB - Last synced at: 6 days ago - Pushed at: over 7 years ago - Stars: 148 - Forks: 10

tomhodgins/cssplus

CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables

Language: JavaScript - Size: 58.6 KB - Last synced at: 19 days ago - Pushed at: about 6 years ago - Stars: 145 - Forks: 4

expo/match-media

Universal polyfill for match media API using Expo APIs on mobile

Language: TypeScript - Size: 2.51 MB - Last synced at: 19 days ago - Pushed at: over 2 years ago - Stars: 141 - Forks: 15

jxnblk/figma-theme 📦

Generate development-ready theme JSON files from Figma Styles

Language: JavaScript - Size: 11.7 KB - Last synced at: 6 days ago - Pushed at: about 7 years ago - Stars: 141 - Forks: 24

blakeembrey/react-free-style

Make React components easier and more maintainable by using inline style objects

Language: TypeScript - Size: 2 MB - Last synced at: 18 days ago - Pushed at: 4 months ago - Stars: 138 - Forks: 2

brunobertolini/styled-by

Simple and powerful lib to handle styled props in your components

Language: JavaScript - Size: 129 KB - Last synced at: about 9 hours ago - Pushed at: over 3 years ago - Stars: 135 - Forks: 3

sadick254/scoped-style

A tiny css in js library 🚀

Language: JavaScript - Size: 328 KB - Last synced at: 9 days ago - Pushed at: about 5 years ago - Stars: 135 - Forks: 7

wmertens/styled-vanilla-extract

A 0-runtime styled-components-like API for Qwik using vanilla-extract.

Language: TypeScript - Size: 1.51 MB - Last synced at: 7 days ago - Pushed at: about 1 year ago - Stars: 129 - Forks: 9

mike-engel/styled-typography 📦

Typograpy components for react and styled-components

Language: TypeScript - Size: 2.37 MB - Last synced at: about 1 month ago - Pushed at: over 3 years ago - Stars: 127 - Forks: 3

giuseppeg/styled-jsx-plugin-sass

Plugin to add Sass support to styled-jsx. Warning this is a Proof Of Concept plugin.

Language: JavaScript - Size: 45.9 KB - Last synced at: 1 day ago - Pushed at: almost 3 years ago - Stars: 120 - Forks: 24

nervosnetwork/ckb-explorer-frontend

Nervos CKB Explorer Frontend

Language: TypeScript - Size: 83.6 MB - Last synced at: 27 days ago - Pushed at: 27 days ago - Stars: 116 - Forks: 74

chrisfrank/nanostyled

A <1kB library for styling React components as if with CSS-in-JS, without CSS-in-JS

Language: JavaScript - Size: 302 KB - Last synced at: 12 days ago - Pushed at: over 6 years ago - Stars: 104 - Forks: 3

joeshub/css-in-react

🍭 CSS in React - Learn the best CSS in JS frameworks by example

Language: JavaScript - Size: 7.82 MB - Last synced at: 3 months ago - Pushed at: over 7 years ago - Stars: 104 - Forks: 13

joye61/clxx

Some lightweight H5 components and features

Language: TypeScript - Size: 21.4 MB - Last synced at: 9 days ago - Pushed at: over 2 years ago - Stars: 100 - Forks: 18

siddharthkp/css-constructor

💄 CSS constructor for React components

Language: JavaScript - Size: 947 KB - Last synced at: 10 days ago - Pushed at: about 8 years ago - Stars: 100 - Forks: 2

typestyle/csx

Utility functions for TypeStyle

Language: TypeScript - Size: 1.62 MB - Last synced at: about 2 months ago - Pushed at: almost 3 years ago - Stars: 99 - Forks: 14

tuchk4/rockey

Stressless CSS for components using JS. Write Component Based CSS with functional mixins.

Language: JavaScript - Size: 510 KB - Last synced at: 13 days ago - Pushed at: over 6 years ago - Stars: 99 - Forks: 3

kentcdodds/jest-glamor-react

Jest utilities for Glamor and React

Language: JavaScript - Size: 370 KB - Last synced at: 5 days ago - Pushed at: over 4 years ago - Stars: 98 - Forks: 21

jacobp100/cssta

Language: TypeScript - Size: 2.96 MB - Last synced at: about 1 month ago - Pushed at: almost 3 years ago - Stars: 97 - Forks: 4

in-your-saas/material-ui-theme-editor 📦

Theme editor for material UI

Language: JavaScript - Size: 2.93 MB - Last synced at: 5 months ago - Pushed at: almost 5 years ago - Stars: 97 - Forks: 51

brunobertolini/tailed

Tailed is a tiny lib to add styled-components syntax like, with suport to conditional classes.

Language: TypeScript - Size: 2.09 MB - Last synced at: 27 days ago - Pushed at: about 2 years ago - Stars: 95 - Forks: 5

porsager/bss

🎨 Better Style Sheets

Language: JavaScript - Size: 722 KB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 95 - Forks: 14

yukukotani/just-styled

A dead simple CSS-in-JS for React 19

Language: TypeScript - Size: 157 KB - Last synced at: 5 months ago - Pushed at: 5 months ago - Stars: 94 - Forks: 0

robinweser/react-css-component

Injecting CSS via React Components

Language: JavaScript - Size: 64.5 KB - Last synced at: 17 minutes ago - Pushed at: over 7 years ago - Stars: 94 - Forks: 5

Vectorized/Aris

Aris - A fast and powerful tool to write HTML in JS easily. Includes syntax highlighting, templates, SVG, CSS autofixing, debugger support and more...

Language: JavaScript - Size: 107 KB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 91 - Forks: 10

nitin42/glamorous-primitives

💄 style primitive React interfaces with glamorous

Language: JavaScript - Size: 1.02 MB - Last synced at: 19 days ago - Pushed at: almost 3 years ago - Stars: 91 - Forks: 9

nuxt-modules/emotion

💖 Emotion module for Nuxt.js

Language: TypeScript - Size: 1.2 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 90 - Forks: 4

giuseppeg/styled-jsx-plugin-postcss

Plugin to add PostCSS support to styled-jsx.

Language: JavaScript - Size: 242 KB - Last synced at: 7 days ago - Pushed at: about 4 years ago - Stars: 90 - Forks: 17

hnzycfcfed/styled-px2vw

Extension of styled-components with features for convert px to vw units

Language: JavaScript - Size: 313 KB - Last synced at: about 2 months ago - Pushed at: about 5 years ago - Stars: 90 - Forks: 20

DSchau/css-in-js-playground

A simple playground for CSS in JS solutions

Language: JavaScript - Size: 12.4 MB - Last synced at: 2 months ago - Pushed at: over 7 years ago - Stars: 87 - Forks: 12

andywer/react-usestyles

🖍 Style components using React hooks. Abstracts the styling library away.

Language: JavaScript - Size: 1.31 MB - Last synced at: about 1 month ago - Pushed at: 11 months ago - Stars: 86 - Forks: 2

jxnblk/nano-style 📦

React functional CSS-in-JS

Language: JavaScript - Size: 64.5 KB - Last synced at: over 1 year ago - Pushed at: about 5 years ago - Stars: 84 - Forks: 9

Astrocoders/react-image-smooth-loading

[not maintained] Images which just flick to appear aren't cool. Images which appear smoothly with a fade like Instagram are cool

Language: JavaScript - Size: 475 KB - Last synced at: 2 months ago - Pushed at: over 6 years ago - Stars: 84 - Forks: 7

vue-styled-components/core

A CSS tool similar to styled-components for Vue3.js. Help you to develop your vue apps quickly! (vue-styled-components)

Language: TypeScript - Size: 1.67 MB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 79 - Forks: 4

hudochenkov/postcss-styled-syntax

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

Language: JavaScript - Size: 321 KB - Last synced at: 20 days ago - Pushed at: 9 months ago - Stars: 79 - Forks: 4

system-props/system-props

Responsive, theme-based style props for building design systems with React. Written in TypeScript.

Language: TypeScript - Size: 62.8 MB - Last synced at: 4 days ago - Pushed at: over 2 years ago - Stars: 79 - Forks: 8

ceteio/styled-components-rhythm

Vertical Rhythm and Font Baselines with Styled Components

Language: JavaScript - Size: 90.8 KB - Last synced at: about 2 months ago - Pushed at: almost 4 years ago - Stars: 79 - Forks: 4

lightspeed/flame

Component library for building Lightspeed products

Language: TypeScript - Size: 6.35 MB - Last synced at: 7 days ago - Pushed at: 8 months ago - Stars: 78 - Forks: 13

jxnblk/horror 📦

:scream: React HTML elements with CSS-in-JS

Language: JavaScript - Size: 333 KB - Last synced at: 6 months ago - Pushed at: about 7 years ago - Stars: 77 - Forks: 10

gucong3000/postcss-jsx

PostCSS syntax for parsing CSS in JS literals

Language: JavaScript - Size: 116 KB - Last synced at: 5 months ago - Pushed at: over 1 year ago - Stars: 76 - Forks: 28

robinweser/css-in-js-utils

Useful utility functions for CSS in JS solutions

Language: TypeScript - Size: 1.63 MB - Last synced at: 10 days ago - Pushed at: almost 2 years ago - Stars: 76 - Forks: 11

MichealWayne/Moo-CSS

模块化面向对象的css写法规范策略。适用于大中小型C端项目样式开发，旨在提高开发和维护效率。

Language: CSS - Size: 3.17 MB - Last synced at: 6 days ago - Pushed at: about 2 years ago - Stars: 76 - Forks: 7

dvpnt/styled-media-helper

:nail_care: Helps manage media queries with styled components

Language: JavaScript - Size: 1.42 MB - Last synced at: 25 days ago - Pushed at: over 2 years ago - Stars: 76 - Forks: 2

chakra-ui/polymorphic 📦

Polymorphic component factories for JSX frameworks

Language: TypeScript - Size: 1.47 MB - Last synced at: 17 days ago - Pushed at: almost 2 years ago - Stars: 75 - Forks: 3

artem-malko/react-ssr-template

Simple template for a website with a brand new SSR streaming API from React 18

Language: TypeScript - Size: 5.48 MB - Last synced at: about 2 months ago - Pushed at: over 1 year ago - Stars: 73 - Forks: 6

fedemartinm/fast-styles

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

Language: JavaScript - Size: 4.05 MB - Last synced at: 28 days ago - Pushed at: about 2 years ago - Stars: 71 - Forks: 4

callum-hart/immutable-styles

A library for styling web interfaces with a focus on predictability and robustness. It uses immutability to remove side effects often tied to CSS, allowing UI bugs to be caught ahead of time!

Language: JavaScript - Size: 3.75 MB - Last synced at: 5 days ago - Pushed at: over 2 years ago - Stars: 70 - Forks: 1

rosebox/rosebox 📦

CSS in Typescript

Language: TypeScript - Size: 1.54 MB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 70 - Forks: 1

kentcdodds/css-in-js-precompiler

WORK IN PROGRESS: Precompiles CSS-in-JS objects to CSS strings

Language: JavaScript - Size: 116 KB - Last synced at: 4 days ago - Pushed at: over 4 years ago - Stars: 69 - Forks: 2

ghivert/sketch

A CSS-in-Gleam package, made to work with frontend, backend, with your favorite framework!

Language: Gleam - Size: 2.64 MB - Last synced at: 2 days ago - Pushed at: 17 days ago - Stars: 68 - Forks: 8

system-ui/system-ui.com

Standards for creating consistent, interoperable user interfaces

Language: JavaScript - Size: 406 KB - Last synced at: about 1 month ago - Pushed at: over 3 years ago - Stars: 68 - Forks: 13

quarkly/atomize

library for creating atomic react components

Language: JavaScript - Size: 637 KB - Last synced at: about 1 month ago - Pushed at: over 1 year ago - Stars: 67 - Forks: 5

adamseckel/spring-keyframes

✌️1.4kb library to generate css keyframes in css-in-js based on a spring algorithm, with emotion

Language: TypeScript - Size: 2.15 MB - Last synced at: 5 months ago - Pushed at: almost 3 years ago - Stars: 67 - Forks: 3

jeslage/storybook-addon-theme-playground

Storybook theming add-on 👩‍🎨

Language: TypeScript - Size: 3.64 MB - Last synced at: 2 months ago - Pushed at: almost 2 years ago - Stars: 65 - Forks: 4

HuXn-WebDev/Advance-CSS-40-Projects

Build Amazing Animations/Effects With Advance CSS 💙

Language: HTML - Size: 89.2 MB - Last synced at: 3 months ago - Pushed at: over 2 years ago - Stars: 65 - Forks: 18

giuseppeg/styled-jsx-postcss

Use PostCSS with styled-jsx 💥

Language: JavaScript - Size: 16.6 KB - Last synced at: 23 days ago - Pushed at: about 6 years ago - Stars: 64 - Forks: 11

gragland/subatomic 📦

Inline style props for emotion and styled-components

Language: JavaScript - Size: 66.4 KB - Last synced at: 6 days ago - Pushed at: almost 7 years ago - Stars: 60 - Forks: 2

cometkim/gatsby-plugin-linaria

Gatsby plugin for styling with Linaria

Language: TypeScript - Size: 3.39 MB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 57 - Forks: 8

mincho-js/mincho

Natural CSS in TypeScript

Language: TypeScript - Size: 13.7 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 57 - Forks: 0

theminstack/styled

Minimal CSS-in-JS styled components solution for React.

Language: TypeScript - Size: 1.81 MB - Last synced at: over 1 year ago - Pushed at: almost 3 years ago - Stars: 57 - Forks: 2

styils/styils 📦

Lightweight and fast css-in-js solution. Support for topics, Polymorphism, SSR, Sourcemap, Full type definitions

Language: TypeScript - Size: 2.26 MB - Last synced at: 3 days ago - Pushed at: 7 months ago - Stars: 56 - Forks: 2

deathbeds/jupyterlab-fonts

Data-driven Style and Typography for JupyterLab powered by JSS.

Language: TypeScript - Size: 1.26 MB - Last synced at: 21 days ago - Pushed at: over 1 year ago - Stars: 56 - Forks: 10

radespratama/pokegames

A minigame where you can explore and catch the pokemon. Built with React JS and consumes public PokeAPI. 🍺

Language: TypeScript - Size: 1.41 MB - Last synced at: 6 months ago - Pushed at: over 1 year ago - Stars: 55 - Forks: 20

DesignSystemLab/design-system

💎 J Design System

Language: TypeScript - Size: 6.33 MB - Last synced at: 6 months ago - Pushed at: almost 2 years ago - Stars: 55 - Forks: 3

gucong3000/postcss-styled

PostCSS syntax for parsing styled components

Language: JavaScript - Size: 52.7 KB - Last synced at: about 2 months ago - Pushed at: over 5 years ago - Stars: 55 - Forks: 2

typestyle/csstips

CSS Tips to help beginners using CSS in TS / JS

Language: TypeScript - Size: 32.2 KB - Last synced at: 6 months ago - Pushed at: about 4 years ago - Stars: 52 - Forks: 8

eagerpatch/navita

Atomic CSS-in-JS with zero runtime

Language: TypeScript - Size: 951 KB - Last synced at: 3 days ago - Pushed at: 3 months ago - Stars: 51 - Forks: 0

thheller/shadow

collection of useful CLJS code

Language: Clojure - Size: 456 KB - Last synced at: 3 months ago - Pushed at: about 2 years ago - Stars: 51 - Forks: 3

cdonohue/benefit

✨ Utility CSS-in-JS library that provides a set of low-level, configurable, ready-to-use styles

Language: JavaScript - Size: 5.18 MB - Last synced at: 11 days ago - Pushed at: almost 3 years ago - Stars: 51 - Forks: 4

brikou/CSS-in-JS-generator

A tool to generate trendy CSS-in-JS files from regular CSS.

Language: TypeScript - Size: 88.9 KB - Last synced at: 21 days ago - Pushed at: almost 5 years ago - Stars: 51 - Forks: 8

kenoxa/beamwind

a collection of packages to compile Tailwind CSS like shorthand syntax into CSS at runtime

Language: TypeScript - Size: 1.92 MB - Last synced at: 12 days ago - Pushed at: almost 5 years ago - Stars: 50 - Forks: 4

Isotopejs/isotope 📦

UI library that aims to bring simplicity and intuitiveness back to Web Development. 🚀

Language: TypeScript - Size: 1.52 MB - Last synced at: 6 days ago - Pushed at: over 5 years ago - Stars: 49 - Forks: 0

jxnblk/diet-cola 📦

A lightweight styled-components clone for creating React UI component primitives.

Language: JavaScript - Size: 347 KB - Last synced at: over 1 year ago - Pushed at: over 8 years ago - Stars: 48 - Forks: 4

brunolemos/react-native-css-in-js-benchmarks

CSS in JS Benchmarks for React Native

Language: JavaScript - Size: 427 KB - Last synced at: about 4 hours ago - Pushed at: almost 5 years ago - Stars: 47 - Forks: 11

frenic/glitz

Lightweight CSS-in-JS library with high performance written in TypeScript

Language: TypeScript - Size: 5.33 MB - Last synced at: about 19 hours ago - Pushed at: 10 months ago - Stars: 46 - Forks: 9

mvximenko/youdo

Github-style tracker / PWA

Language: TypeScript - Size: 4.12 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 46 - Forks: 0

tkh44/restyles

👩‍🚀 declarative glamor for react and preact

Language: JavaScript - Size: 31.3 KB - Last synced at: 29 days ago - Pushed at: almost 8 years ago - Stars: 46 - Forks: 5

lachlanjc/objectify-css

CLI for converting CSS rules to JavaScript style objects

Language: JavaScript - Size: 66.4 KB - Last synced at: 6 months ago - Pushed at: about 8 years ago - Stars: 46 - Forks: 2

csssustentavel/csssustentavel.com.br Fork of adamsilver/maintainablecss.com-jekyll

Escreva CSS sem se preocupar se estilos pré-existentes causarão problemas. CSS Sustentável é uma abordagem para a escrita de CSS modular, escalável e, claro, sustentável. Tradução autorizada do MaintainableCSS.

Language: CSS - Size: 3.99 MB - Last synced at: 3 days ago - Pushed at: almost 8 years ago - Stars: 45 - Forks: 7

ghtx280/blickcss

A small library for quick styling

Language: JavaScript - Size: 669 KB - Last synced at: 25 days ago - Pushed at: over 1 year ago - Stars: 44 - Forks: 0

ItsWendell/emotion-native-extended

Better styling support for Emotion (React Native): Media queries, relative units, percents, operations and more...

Language: TypeScript - Size: 4.51 MB - Last synced at: 4 months ago - Pushed at: almost 3 years ago - Stars: 43 - Forks: 1

kritika27/ecommerce-store-reactjs-stripe-oauth2

This is a fully functional Ecommerce Website which allows the user to login,add products to cart,view products in detail and do the payment through credit card.Built using React,React Router,OAuth2 for user authentication,Stripe for payment and Netlify for deployment.

Language: JavaScript - Size: 15.2 MB - Last synced at: over 2 years ago - Pushed at: about 3 years ago - Stars: 43 - Forks: 14

eveningkid/pretty-components

Prop-based styled components

Language: JavaScript - Size: 14.6 KB - Last synced at: 28 days ago - Pushed at: over 7 years ago - Stars: 43 - Forks: 0