GitHub topics: css-in-js
necolas/react-native-web
Cross-platform React UI packages
Language: JavaScript - Size: 91.1 MB - Last synced at: about 8 hours ago - Pushed at: about 1 month ago - Stars: 22,021 - Forks: 1,829

marina-projects/pet_health_tracker_showcase
Interactive pet health tracker built with React, Redux, and Firebase.
Size: 293 KB - Last synced at: about 16 hours ago - Pushed at: about 18 hours ago - Stars: 0 - Forks: 0

crescendolab-open/css-var-ts
Type-safe utilities for CSS Custom Properties
Language: TypeScript - Size: 1.73 MB - Last synced at: about 19 hours ago - Pushed at: about 21 hours ago - Stars: 2 - Forks: 0

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 7 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 23 hours ago - Pushed at: 1 day ago - Stars: 39,782 - Forks: 3,495

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

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

shgysk8zer0/jss
Simple JavaScript StyleSheets & Palettes
Language: JavaScript - Size: 210 KB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 1 - Forks: 0

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 8 hours ago - Pushed at: 12 months ago - Stars: 782 - Forks: 22

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

margarita-form/salty-css
CSS-in-JS library for React, Next.js, Server Components and more
Language: TypeScript - Size: 2.57 MB - Last synced at: 2 days ago - Pushed at: about 2 months ago - Stars: 13 - Forks: 1

aprosail/tsaio
FullStack development with almost all code in TypeScript.
Language: TypeScript - Size: 21.5 KB - Last synced at: 3 days ago - Pushed at: 3 days ago - Stars: 0 - Forks: 0

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

alanborgesdev/pokedex
Pokedex feita com HTML, CSS e JavaScript que consome a PokéAPI para listar e exibir Pokémon. Possui tema escuro e claro (dark/light mode).
Language: JavaScript - Size: 1.19 MB - Last synced at: 4 days ago - Pushed at: 4 days ago - Stars: 1 - Forks: 0

microsoft/griffel
CSS-in-JS with ahead-of-time compilation ⚡️
Language: TypeScript - Size: 11.3 MB - Last synced at: 3 days ago - Pushed at: 16 days ago - Stars: 1,260 - Forks: 65

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

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

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

shgysk8zer0/jswaggersheets
A minimal and native take on CSS-in-JS
Language: JavaScript - Size: 290 KB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 0 - Forks: 0

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

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

dab3oon/writing_styles
📚 Analyze stylistic differences in AI-generated flash fiction to understand model diversity and writing patterns across various LLMs.
Size: 5.26 MB - Last synced at: 5 days ago - Pushed at: 5 days ago - Stars: 0 - Forks: 0

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

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

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

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 11 hours ago - Pushed at: 6 days ago - Stars: 3,222 - Forks: 124

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: 6 days ago - Stars: 2,025 - Forks: 71

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

brunobertolini/styled-by
Simple and powerful lib to handle styled props in your components
Language: JavaScript - Size: 129 KB - Last synced at: about 11 hours ago - Pushed at: over 3 years ago - Stars: 135 - Forks: 3

rickreisdev/insanyshop
InsanyShop é um e-commerce simples de produtos diversos, onde o usuário pode visualizar a lista completa de produtos com paginação, filtros por categoria e busca por termos, além de um sistema de carrinho funcional.
Language: TypeScript - Size: 271 KB - Last synced at: 6 days ago - Pushed at: 7 days ago - Stars: 0 - Forks: 0

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

RobinTail/merge-sx
Combines multiple SxProps for Material UI components.
Language: TypeScript - Size: 3.36 MB - Last synced at: 7 days ago - Pushed at: 7 days ago - Stars: 14 - Forks: 1

vercel/styled-jsx
Full CSS support for JSX without compromises
Language: JavaScript - Size: 2.59 MB - Last synced at: 5 days ago - Pushed at: 5 months ago - Stars: 7,787 - Forks: 265

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

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

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

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

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

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

dev-five-git/devup-ui
JSX Zero-Runtime UI Styling Library
Language: Rust - Size: 31 MB - Last synced at: 9 days ago - Pushed at: 9 days ago - Stars: 268 - Forks: 20

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

dKovsky/CribHtml
Синтаксис HTML и Селекторы CSS
Size: 1.56 MB - Last synced at: 11 days ago - Pushed at: 11 days ago - Stars: 0 - Forks: 0

morewings/css-vars-hook
Bring dynamic styling into your React components with css-vars-hook. Simple and intuitive hooks for managing CSS Custom Properties. Integrate styles with component logic.
Language: TypeScript - Size: 8.25 MB - Last synced at: 12 days ago - Pushed at: 12 days ago - Stars: 26 - Forks: 0

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

Hermit-commits-code/Auto-CSS-Class-Id-Generator
Auto CSS Class/ID Generator is a VS Code extension that instantly extracts and syncs CSS selectors from HTML, React, and CSS-in-JS files—no manual copy-paste, no duplicates. Boost your workflow and keep styles up to date automatically.
Language: TypeScript - Size: 1.71 MB - Last synced at: 12 days ago - Pushed at: 12 days ago - Stars: 0 - Forks: 0

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: 13 days ago - Stars: 556 - Forks: 24

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

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

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

sables-app/knyt
🌃 Simplify Your Stack. Front to Back. A toolkit designed to simplify modern web development.
Language: TypeScript - Size: 1.05 MB - Last synced at: 18 days ago - Pushed at: 18 days ago - Stars: 5 - Forks: 0

diegohaz/styled-tools
Useful interpolated functions for CSS-in-JS
Language: JavaScript - Size: 1.19 MB - Last synced at: about 19 hours ago - Pushed at: almost 3 years ago - Stars: 800 - Forks: 23

styled-components/xstyled
A utility-first CSS-in-JS framework built for React. 💅👩🎤⚡️
Language: MDX - Size: 182 MB - Last synced at: about 15 hours ago - Pushed at: over 1 year ago - Stars: 2,307 - Forks: 106

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

styled-components/polished
A lightweight toolset for writing styles in JavaScript ✨
Language: JavaScript - Size: 11.1 MB - Last synced at: 1 day ago - Pushed at: 3 months ago - Stars: 7,657 - Forks: 213

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

seek-oss/treat 📦
:candy: Themeable, statically extracted CSS‑in‑JS with near‑zero runtime.
Language: TypeScript - Size: 2.63 MB - Last synced at: 8 days ago - Pushed at: over 1 year ago - Stars: 1,147 - Forks: 30

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

alzobayer/Pokegame
🎮 Explore and play a fun Pokémon guessing game, built with React and TypeScript, enhancing your knowledge of Pokémon and their traits.
Language: TypeScript - Size: 75.2 KB - Last synced at: 23 days ago - Pushed at: 23 days ago - Stars: 0 - Forks: 0

justbyitself/tagma
Functional HTML/CSS library
Language: HTML - Size: 155 KB - Last synced at: 23 days ago - Pushed at: 23 days ago - Stars: 1 - Forks: 0

crescendolab-open/reamgif
🎨 ➡️ ⚛️ Figma‑compatible styling primitives for React components
Language: TypeScript - Size: 2.47 MB - Last synced at: 2 days ago - Pushed at: 23 days ago - Stars: 1 - Forks: 0

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

codermarcos/personal
My basic professional website with principal informations about my career
Language: TypeScript - Size: 3.69 MB - Last synced at: 24 days ago - Pushed at: 24 days ago - Stars: 0 - Forks: 1

SukkaW/stylex-webpack
The another webpack/Next.js Plugin for Facebook StyleX
Language: TypeScript - Size: 379 KB - Last synced at: 5 days ago - Pushed at: 26 days ago - Stars: 27 - Forks: 1

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

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 9 hours ago - Pushed at: over 1 year ago - Stars: 213 - Forks: 24

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

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

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

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

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

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

priceline/design-system
Priceline.com Design System
Language: TypeScript - Size: 125 MB - Last synced at: 25 days ago - Pushed at: 28 days ago - Stars: 722 - Forks: 121

johanholmerin/style9
CSS-in-JS compiler inspired by Meta's stylex
Language: JavaScript - Size: 1.12 MB - Last synced at: 29 days ago - Pushed at: almost 2 years ago - Stars: 567 - Forks: 26

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

gragland/subatomic 📦
Inline style props for emotion and styled-components
Language: JavaScript - Size: 66.4 KB - Last synced at: 7 days ago - Pushed at: almost 7 years ago - Stars: 60 - Forks: 2

hirosystems/ui
The Blockstack design system implemented with react, styled-components, and styled-system.
Language: TypeScript - Size: 12 MB - Last synced at: 7 days ago - Pushed at: over 2 years ago - Stars: 34 - Forks: 6

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

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

chakra-ui/panda-mastery-lessons
Panda Mastery Course Content (as Code)
Language: TypeScript - Size: 253 KB - Last synced at: 25 days ago - Pushed at: 28 days ago - Stars: 19 - Forks: 1

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

matssom/accessible-reset 📦
:wheelchair: An accessibility first CSS reset.
Language: JavaScript - Size: 133 KB - Last synced at: 23 days ago - Pushed at: over 4 years ago - Stars: 1 - Forks: 0

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

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

wflixu/griffel-vue
The CSS-in-JS solution implemented based on @griffel/core in Vue
Language: TypeScript - Size: 114 KB - Last synced at: about 1 month ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

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

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

vimeshjs/vimesh-style
Vimesh Style is a full-featured tiny javascript library alternative to Tailwind CSS. Automatically work with any frontend frameworks, including React, Vue, AngularJS ect.
Language: JavaScript - Size: 523 KB - Last synced at: 23 days ago - Pushed at: 2 months ago - Stars: 15 - Forks: 3

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

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

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

stylebucket/core
Zero-Runtime CSS-in-JS Solution for Building Custom Styling APIs. Works With Vite Featuring Hot Module Reloading.
Language: TypeScript - Size: 466 KB - Last synced at: 20 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

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

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

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

mrmartineau/design-system-utils
👩🎨 Access your design tokens with ease
Language: TypeScript - Size: 1.36 MB - Last synced at: 8 days ago - Pushed at: over 5 years ago - Stars: 545 - Forks: 12

willofindie/kamamana 📦
The Desire and Passion for Design. Style Guide, UI Components
Language: JavaScript - Size: 2.15 MB - Last synced at: 6 days ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

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

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

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

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
