✋ Please checkout our goals & disclaimer before jumping to conclusions. 📽 If you prefer a video instead, you can checkout my talk from ngPart圜Z: 🗞 To get a shorter overview, you can checkout the article on CSS Tricks: Last important aspect is type-safety with full TypeScript support.

We're using Next.js as a SSR framework for building resources. The baseline reference we'll use for comparison is a CSS Modules approach.

This document contains an in-depth analysis of all the current CSS-in-JS solutions, that support Server Side Rendering and TypeScript. Using CSSStyleSheet API ❌ No component deduping CSS Modules Styled JSX Other benefits Worth mentioning observations Conclusions Styled Components Worth mentioning observations Conclusions Emotion Other benefits Worth mentioning observations Conclusions TypeStyle Worth mentioning observations Conclusions Fela Other benefits Worth mentioning observations Conclusions Stitches Other benefits Worth mentioning observations Conclusions JSS Other benefits Worth mentioning observations Conclusions Goober Other benefits Worth mentioning observations Conclusions Compiled Other benefits Worth mentioning observations Conclusions Linaria Other benefits Worth mentioning observations Conclusions vanilla-extract Other benefits Worth mentioning observations Conclusions Libraries not included Treat style9 Tailwind Aphrodite Glamor Cxs Astroturf Otion Styletron Radium Glamorous Running the examples Feedback and Suggestions README.md tag injected styles 🟠 Dead code removal 🟠 Debugging / Inspecting 1. Page size delta Overall observations ✅ Code splitting ✅ Global styles ✅ SSR ✅ Vendor prefixes ✅ Unique class names ✅ No inline styles ✅ Full CSS support ✅ Critical CSS extraction 🟠 Performance Metrics 1.css file extraction 2. Theming 9.css (Static CSS extraction) 10. A thorough analysis of CSS-in-TS Table of contents Motivation Goals Disclaimer Overview LEGEND: 1.

Css for js