Zero-runtime Stylesheets-in-TypeScript.

Write your styles in TypeScript (or JavaScript) with locally scoped class names and CSS Variables, then generate static CSS files at build time.

• 🧁 vanilla-extract @ GitHub.

Related contents:

• Braid Design System.
• Tailwind is the Worst of All Worlds @ Colton Voege.

StyleX is the styling system for ambitious user interfaces.

StyleX is a JavaScript library for defining styles for optimized user interfaces.

• StyleX @ GitHub.

Related contents:

• Either Tailwind is CSS-in-JS or StyleX isn’t @ Naman.
• A breakdown of style solutions for 2025 @ Theo - t3.gg's YouTube.

CSS-in-JS library designed for high performance style composition.

Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported.

Emotion @ GitHub.

Panda is a universal styling solution for the modern web — build time, type safe, and scalable CSS-in-JS. Build modern websites using build time and type-safe CSS-in-JS.

CSS-in-JS with build time generated styles, RSC compatible, multi-variant support, and best-in-class developer experience.

Panda CSS @ GitHub.

Instant On-demand Atomic CSS Engine.

UnoCSS @ GitHub.

Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.