Pigment CSS, CSS in the server component age
summary
Pigment CSS is a new CSS-in-JS that targets server components by shipping no runtime by default with a fork of Linaria and a Rust-powered bundler integration that transpiles styles to CSS modules files. It keeps an emotion-like API with an Sx prop, aims for granular style loading and atomic classes later, and reports runtime performance roughly two times faster than the current MUI v5/emotion setup while avoiding the 14% re-render cost tied to generating emotion styles. It’s alpha and planned for MUI v6.
AI-written summary · about
chapters (7)
- 0:00Introduction and motivation
- 1:45Challenges with current CSS libraries
- 4:11React Server Components and CSS limitations
- 4:54Key properties for modern CSS solutions
- 8:25Introducing Pigment CSS
- 10:10Pigment CSS design and performance
- 11:33Pigment CSS status and future
