Using Styled JSX With React

Full CSS support for JSX without compromises More info

Articles & Tutorials

Styled-JSX for React: How and Why (blog.bitsrc.io)
Jul 01, 2020
How and why you should use styled-jsx for your React SPA and SSR apps.
  • John Au-Yeung
Styling Next.js with Styled JSX (nextjs.org)
Mar 28, 2019
Styled JSX is a CSS-in-JS library that allows you to write encapsulated and scoped CSS to style your components. The styles you introduce for one component won't affect other components, allowing you to add, change and delete styles without worrying about unintended side effects.
  • Kristian Heruc
Guide to building a React components library with Rollup and styled-jsx (medium.com)
May 14, 2018
As I was looking for ways to package my components, I found that Rollup was a great tool to get the job done neatly and quickly.
  • Tomek Mularczyk

Video Guides & Talks

styled-jsx with Next.js (youtube.com)
Jun 27, 2017
I recorded a quick video to show you an awesome CSS-in-JS solution that is styled-jsx. Check it out!
  • Jamie Barton