Awesome Open Source
Awesome Open Source
Combined Topics
css-in-js
x
Advertising
π¦Β 10
All Projects
Application Programming Interfaces
π¦Β 124
Applications
π¦Β 192
Artificial Intelligence
π¦Β 78
Blockchain
π¦Β 73
Build Tools
π¦Β 113
Cloud Computing
π¦Β 80
Code Quality
π¦Β 28
Collaboration
π¦Β 32
Command Line Interface
π¦Β 49
Community
π¦Β 83
Companies
π¦Β 60
Compilers
π¦Β 63
Computer Science
π¦Β 80
Configuration Management
π¦Β 42
Content Management
π¦Β 175
Control Flow
π¦Β 213
Data Formats
π¦Β 78
Data Processing
π¦Β 276
Data Storage
π¦Β 135
Economics
π¦Β 64
Frameworks
π¦Β 215
Games
π¦Β 129
Graphics
π¦Β 110
Hardware
π¦Β 152
Integrated Development Environments
π¦Β 49
Learning Resources
π¦Β 166
Legal
π¦Β 29
Libraries
π¦Β 129
Lists Of Projects
π¦Β 22
Machine Learning
π¦Β 347
Mapping
π¦Β 64
Marketing
π¦Β 15
Mathematics
π¦Β 55
Media
π¦Β 239
Messaging
π¦Β 98
Networking
π¦Β 315
Operating Systems
π¦Β 89
Operations
π¦Β 121
Package Managers
π¦Β 55
Programming Languages
π¦Β 245
Runtime Environments
π¦Β 100
Science
π¦Β 42
Security
π¦Β 396
Social Media
π¦Β 27
Software Architecture
π¦Β 72
Software Development
π¦Β 72
Software Performance
π¦Β 58
Software Quality
π¦Β 133
Text Editors
π¦Β 49
Text Processing
π¦Β 136
User Interface
π¦Β 330
User Interface Components
π¦Β 514
Version Control
π¦Β 30
Virtualization
π¦Β 71
Web Browsers
π¦Β 42
Web Servers
π¦Β 26
Web User Interface
π¦Β 210
The Top 141 Css In Js Open Source Projects
Categories
Β >Β
Web User Interface
Β >Β
Css In Js
Styled Components
βΒ
33,860
Visual primitives for the component age. Use the best bits of ES6 and CSS to style your apps without stress π
React Native Web
βΒ
18,839
React Native Components and APIs for the Web
Emotion
βΒ
13,168
π©βπ€ CSS-in-JS library designed for high performance style composition
Frontend Bootcamp
βΒ
10,384
Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
Stylelint
βΒ
8,794
A mighty, modern linter that helps you avoid errors and enforce conventions in your styles.
Linaria
βΒ
7,340
Zero-runtime CSS in JS library
Polished
βΒ
6,804
A lightweight toolset for writing styles in JavaScript β¨
Styled System
βΒ
6,798
β¬’ Style props for rapid UI development
Jss
βΒ
6,380
JSS is an authoring tool for CSS which uses JavaScript as a host language.
Styled Jsx
βΒ
6,324
Full CSS support for JSX without compromises
Css In Js
βΒ
5,276
React: CSS in JS techniques comparison
Aphrodite
βΒ
5,208
Framework-agnostic CSS-in-JS with support for server-side rendering, browser prefixing, and minimum CSS generation
Twin.macro
βΒ
4,220
π¦ΉββοΈ Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
Glamorous
βΒ
3,691
DEPRECATED: π Maintainable CSS with React
Typography.js
βΒ
3,633
A powerful toolkit for building websites with beautiful design
Styletron
βΒ
3,166
β‘οΈ Toolkit for component-oriented styling
Typestyle
βΒ
2,902
Making CSS Typesafe πΉ
Awesome Styled Components
βΒ
2,730
A curated list of awesome styled-components resources π
Arc
βΒ
2,702
React starter kit based on Atomic Design
Stitches
βΒ
2,681
CSS-in-JS with near-zero runtime, SSR, multi-variant support, and a best-in-class developer experience.
Grid
βΒ
2,084
This package has moved and renamed
Fela
βΒ
2,041
State-Driven Styling in JavaScript
Goober
βΒ
2,032
π₯ goober, a less than 1KB π css-in-js alternative with a familiar API
Jsxstyle
βΒ
1,979
Inline style system for React and Preact
Rogue.js
βΒ
1,933
The "nearly invisible" way to server-render React applications
Xstyled
βΒ
1,685
A utility-first CSS-in-JS framework built for React. π π©βπ€β‘οΈ
React With Styles
βΒ
1,659
Use CSS-in-JavaScript with themes for React without being tightly coupled to one implementation
Compiled
βΒ
1,387
A familiar and performant compile time CSS-in-JS library for React.
Reflexbox
βΒ
1,371
Moved to https://rebassjs.org
Twind
βΒ
1,365
The smallest, fastest, most feature complete Tailwind-in-JS solution in existence.
React Jss
βΒ
1,212
JSS integration for React (Migrated to a Monorepo it JSS repository)
Vue Styled Components
βΒ
1,155
Visual primitives for the component age. A simple port for Vue of styled-components π
Treat
βΒ
1,085
π¬ Themeable, statically extracted CSSβinβJS with nearβzero runtime.
Styled Theming
βΒ
1,077
Create themes for your app using styled-components
Bankai
βΒ
1,066
π - friendly web compiler
Ui Box
βΒ
867
Blazing Fast React UI Primitive
Styled Tools
βΒ
764
Useful interpolated functions for CSS-in-JS
Free Style
βΒ
695
Make CSS easier and more maintainable by using JavaScript
React Css Components
βΒ
686
Define React presentational components with CSS
Design System
βΒ
621
Priceline.com Design System
Csjs
βΒ
578
β¨ Modular, scoped CSS with ES6
Glamorous Native
βΒ
575
React Native component styling solvedπ
Otion
βΒ
570
Atomic CSS-in-JS with a featherweight runtime
Awesome Css In Js
βΒ
558
Awesome CSS in JS articles / tutorials / videos / benchmarks / comparision
React Redux Saga Boilerplate
βΒ
545
Starter kit with react-router, react-helmet, redux, redux-saga and styled-components
Facepaint
βΒ
526
Responsive style values for css-in-js.
Gatsby Starter Hero Blog
βΒ
509
A ready to use, easy to customize, fully equipped GatsbyJS starter with a 'Hero' section on the home page.
Design System Utils
βΒ
470
π©βπ¨ Access your design tokens with ease
Styled Breakpoints
βΒ
454
Simple and powerful tool for creating breakpoints in styled components and emotion. π
React Awesome Reveal
βΒ
415
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Glaze
βΒ
411
CSS-in-JS microlibrary for making design systems approachable with React
Cljss
βΒ
394
Clojure Style Sheets β CSS-in-JS for ClojureScript
Color2k
βΒ
377
a color parsing and manipulation lib served in roughly 2kB
Css In Js Benchmarks
βΒ
367
Next Shopify Storefront
βΒ
353
π A real-world Shopping Cart built with TypeScript, NextJS, React, Redux, Apollo Client, Shopify Storefront GraphQL API, ... and Material UI.
Reshadow
βΒ
347
Markup and styles that feel right
Style9
βΒ
346
CSS-in-JS compiler inspired by Facebook's stylex
Use Resize Observer
βΒ
329
A React hook that allows you to use a ResizeObserver to measure an element's size.
Babel Plugin Tailwind Components
βΒ
325
Use Tailwind with any CSS-in-JS library
Shevyjs
βΒ
296
Configurable Vertical Rhythm & Typography in CSS-in-JS
Trousers
βΒ
294
hooks-first CSS-in-JS library, focused on semantics and runtime performance
Theming
βΒ
289
Unified CSSinJS theming solution for React
Polychrome
βΒ
287
π¨ Easy color manipulation in ~2kb (gzipped)
Reactackle
βΒ
280
Open-source components library built with React and Styled-Components.
Snackui
βΒ
277
SnackUIπ write-once React Native & Web UI kit that optimizes to atomic CSS and flattens your view tree (with cross platform support for media queries and themes)
Xwind
βΒ
274
Tailwind CSS as a templating language in JS and CSS-in-JS
Styled Ppx
βΒ
272
Typed styled components in Reason, OCaml and ReScript
React Magic
βΒ
264
A collection of magic animations for react components.
Vscode Stylelint
βΒ
260
A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint
Cssobj
βΒ
257
Runtime CSS manager, Turn CSS into dynamic JS module, Stylesheet CRUD (Create, Read, Update, Delete) in CSSOM, name space (local) class names
Further
βΒ
256
π¦ππ algebraic style composition for functional UIs
Oceanwind
βΒ
255
Compiles tailwind shorthand into css at runtime. Succeeded by Twind.
Css In Js 101
βΒ
253
π CSS-in-JS 101: All you need to know
A Journey Toward Better Style
βΒ
252
A Journey toward better style
Styled Props
βΒ
248
Simple lib that allows you to set styled props in your styled-components without stress.
Freestyler
βΒ
244
5th generation CSS-in-JS library
Styled Email Components
βΒ
235
π styled-components for emails
Style Sheet
βΒ
231
β‘οΈπ¨ Fast styles in JavaScript with support for static CSS extraction.
Axs
βΒ
214
Stupid simple style components for React
Styled Components Vs Emotion
βΒ
214
a short doc comparing the popular CSS-in-JS libraries styled-components and emotion
Nano Component
βΒ
202
Fast & simple React component styles in under 1kb
Css In Js
βΒ
197
A thorough analysis of all the current CSS-in-JS solutions with SSR & TypeScript support for Next.js
Framework
βΒ
192
π¨ 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!
Css In Js
βΒ
192
Autocomplete React Native / JS Styles and converting plain CSS to JS styles
Gatsby Theme Storefront Shopify
βΒ
190
Create a Shopify store with Gatsby JS ποΈ π
Styled Theme
βΒ
183
Extensible theming system for styled-components π
Vue Emotion
βΒ
183
Seamlessly use emotion (CSS-in-JS) with Vue.js
Filbert Js
βΒ
168
A lightweight(~1kb) css-in-js framework
Gatsby Theme Superstylin
βΒ
167
π A Gatsby Theme with styled-components
Next Dark Mode
βΒ
166
π Enable dark mode for Next.js apps
React Next Boilerplate
βΒ
158
π A basis for reducing the configuration of your projects with nextJS, best development practices and popular libraries in the developer community.
Paperclip
βΒ
156
Build UIs at the speed of thought
Styled Bootstrap
βΒ
154
π π» A styled-component implementation of Bootstrap
Blog
βΒ
151
δΈθ¬δΈδΌε API η±»ζη« οΌεͺεεζθ₯ε »ηζη« οΌεζ¬’θ―·ηΉ star
React Stylesheet
βΒ
151
Component based styling for your React applications
Torus
βΒ
150
Torus is an event-driven model-view UI framework for the web, focused on being tiny, efficient, and free of dependencies.
Style It
βΒ
146
Component for writing plaintext CSS in React apps -- isomorphic, scoped, FOUC-free, fully featured, CSS-in-JS
Expo Dark Mode Switch
βΒ
143
A beautiful React dark mode switch component for iOS, Android, and Web
Cssplus
βΒ
141
CSSplus is a collection of CSS Reprocessor plugins that dynamically update CSS variables
Tailwind Styled Component
βΒ
141
Create Tailwind CSS React components like styled components with class names on multiple lines and conditional class rendering
1-100 of 141 projects
Next >
Advertising
π¦Β 10
All Projects
Application Programming Interfaces
π¦Β 124
Applications
π¦Β 192
Artificial Intelligence
π¦Β 78
Blockchain
π¦Β 73
Build Tools
π¦Β 113
Cloud Computing
π¦Β 80
Code Quality
π¦Β 28
Collaboration
π¦Β 32
Command Line Interface
π¦Β 49
Community
π¦Β 83
Companies
π¦Β 60
Compilers
π¦Β 63
Computer Science
π¦Β 80
Configuration Management
π¦Β 42
Content Management
π¦Β 175
Control Flow
π¦Β 213
Data Formats
π¦Β 78
Data Processing
π¦Β 276
Data Storage
π¦Β 135
Economics
π¦Β 64
Frameworks
π¦Β 215
Games
π¦Β 129
Graphics
π¦Β 110
Hardware
π¦Β 152
Integrated Development Environments
π¦Β 49
Learning Resources
π¦Β 166
Legal
π¦Β 29
Libraries
π¦Β 129
Lists Of Projects
π¦Β 22
Machine Learning
π¦Β 347
Mapping
π¦Β 64
Marketing
π¦Β 15
Mathematics
π¦Β 55
Media
π¦Β 239
Messaging
π¦Β 98
Networking
π¦Β 315
Operating Systems
π¦Β 89
Operations
π¦Β 121
Package Managers
π¦Β 55
Programming Languages
π¦Β 245
Runtime Environments
π¦Β 100
Science
π¦Β 42
Security
π¦Β 396
Social Media
π¦Β 27
Software Architecture
π¦Β 72
Software Development
π¦Β 72
Software Performance
π¦Β 58
Software Quality
π¦Β 133
Text Editors
π¦Β 49
Text Processing
π¦Β 136
User Interface
π¦Β 330
User Interface Components
π¦Β 514
Version Control
π¦Β 30
Virtualization
π¦Β 71
Web Browsers
π¦Β 42
Web Servers
π¦Β 26
Web User Interface
π¦Β 210
