I only half-jokingly refer to the CSS-in-JS world as CSS-in-React.

For so many React devs, styled-components seems kinda magical.

I took a real app and converted it from Styled Components to Linaria to compare the app performance of CSS-in-JS and normal CSS.

Zero-runtime Stylesheets-in-TypeScript.

Wondering what’s even more challenging than choosing a JavaScript framework? You guessed it: choosing a CSS-in-JS solution.

Better workflows for styling components.

How leveraging CSS variable composition and HSLA colors helped me build a more efficient way to theme my apps and rely less on CSS-in-JS.

Styled-components is a wonderfully powerful styling library for React, and over the years I’ve learned a lot about how to use it effectively.

Why Tailwind is blowing up, why I (the creator of styled-components) love it and how I avoid the downsides of atomic CSS.

This post is about highlighting the main differences between styled-components and Stitches.