Pigment CSS
Zero-runtime CSS-in-JS library that extracts colocated styles into CSS files at build time.
Pigment CSS is a zero-runtime CSS-in-JS library from MUI. It lets styles sit beside components and moves them into CSS files at build time. It is installed from npm as @pigment-css/react, and a plugin for Next.js or Vite runs the extraction during the build. The README presents the library as a successor to Emotion and styled-components, and says components made with its styled API can be used with React Server Components by default.
Worth knowing
The maintainers paused work on Pigment CSS and say so in a status post on the repository and in a blog post, where the project is listed as on hold. The repository description calls it an alpha phase project on hold. None of the pages says the project has ended.
Sources
- 2026-10-27: links, Written in, License model, GitHub stars
api.github.com/repos/mui/pigment-css - 2026-10-27: Maintainer, Maintained by
mui.com/legal/ - 2026-10-27: First release
registry.npmjs.org/@pigment-css%2freact - 2026-10-27: Categories, Install with
github.com/mui/pigment-css/blob/master/README.md - 2026-10-27: License
github.com/mui/pigment-css/blob/master/LICENSE - 2026-10-27: Current major version, Last release
api.github.com/repos/mui/pigment-css/releases/latest - 2026-10-27: Contributors
api.github.com/repos/mui/pigment-css/contributors?per_page=1 - 2026-10-28: npm downloads a week
api.npmjs.org/downloads/range/2026-09-28:2026-10-04/@pigment-css/react