KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

css-in-react

★ 104 Open GitHub ↗

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

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🍭 CSS in React
Learn the best frameworks by example

## Cheat Sheet
<img src="https://raw.githubusercontent.com/joeshub/css-in-react-content/master/CSS-in-React-Frameworks-CheatSheet.png" alt="CSS in React Cheat Sheet" align="center" />

## Requirements
* [node](https://nodejs.org/en/download/releases/) - version 6
* [yarn](https://yarnpkg.com) or npm

## Usage
1. Fork and clone this repo
2. ``yarn install``
6. ``yarn start``
7. Open [http://0.0.0.0:3333](http://0.0.0.0:3333)

## Sections
01. [React](https://github.com/facebook/react) with [CSS loader](https://github.com/webpack-contrib/css-loader)
02. [React](https://github.com/facebook/react) using inline styles
03. [Radium](https://github.com/FormidableLabs/radium)
04. [Aphrodite](https://github.com/Khan/aphrodite)
05. [React-css-modules](https://github.com/gajus/react-css-modules) with [PostCSS](https://github.com/postcss/postcss)
06. [Styletron](https://github.com/rtsao/styletron)
07. [Styled Components](https://github.com/styled-components/styled-components)
08. [Emotion](https://github.com/emotion-js/emotion)
09. [Stylable](https://github.com/wix/stylable)
10. [Glamor](https://github.com/threepointone/glamor)
11. [React JSS](https://github.com/cssinjs/react-jss)
12. [Glamorous](https://github.com/paypal/glamorous)
13. [DeCSS](https://github.com/kossnocorp/decss)

## How this project is organized

### Buttons
- Each folder contains a button example for learning the basics of that framework and to show what features it supports.

### Workshops
- Some folders folder also contains a workshop with challenges explained in the README
- Currently there are workshops for:
  - Radium
  - React CSS Modules with PostCSS
  - Styled Components

### Solutions
- Workshops have a separate solutions complete with code and implementation steps in the README

### Workshop Slides
- To get started check out the [slides for this workshop](http://seifi.org/css/sxsw-slides-css-in-react-the-good-the-bad-and-the-ugly.html) which was given at SXSW 2017

css-in-react

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README