css-in-js
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.
Twin blends the magic of Tailwind with the flexibility of css-in-js (emotion, styled-components, stitches and goober) at build time.
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.
StyleX is the styling system for ambitious user interfaces.
StyleX is a JavaScript library for defining styles for optimized user interfaces.
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.
- StyleX: A Styling Library for CSS at Scale @ Engineering at Meta.
- Moving Linear from styled‑components to StyleX @ Kenneth Skovhus.
- A deep dive into StyleX @ Flavio Copes.
- #1035: Why everyone is moving to Stylex? @ Syntax.
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.
Related contents: