Awesome Open Source
Awesome Open Source

🍭 CSS in React

Learn the best frameworks by example

Cheat Sheet

CSS in React Cheat Sheet



  1. Fork and clone this repo
  2. yarn install
  3. yarn start
  4. Open


  1. React with CSS loader
  2. React using inline styles
  3. Radium
  4. Aphrodite
  5. React-css-modules with PostCSS
  6. Styletron
  7. Styled Components
  8. Emotion
  9. Stylable
  10. Glamor
  11. React JSS
  12. Glamorous
  13. DeCSS

How this project is organized


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


  • 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


  • Workshops have a separate solutions complete with code and implementation steps in the README

Workshop Slides

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,538,296
Css (214,022
Reactjs (70,397
Styled Components (3,409
Postcss (1,264
Css In Js (569
Css Modules (534
Emotion (528
Jss (134
Related Projects