mui/pigment-css

Pigment CSS is a zero-runtime CSS-in-JS library that extracts colocated styles to separate CSS files at build time, offering improved runtime performance and smaller bundle sizes compared to traditional CSS-in-JS solutions. It's designed for modern React developers, particularly those using Next.js or Vite, who want to maintain sophisticated design systems without the overhead of runtime processing. The library is especially useful for building reusable UI components and design systems, as it allows for theming and styling while maintaining compatibility with React Server Components.