mui/pigment-css

Health v2 · maintenance only

Adoption not part of the score

1120 stars · 55 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

Pigment CSS is a zero-runtime CSS-in-JS library from MUI that extracts colocated styles into separate CSS files at build time. It integrates with Next.js and Vite and supports theming via CSS variables.

Use cases

• write css-in-js styles without runtime overhead
• extract colocated styles to css files at build time
• style react components with themeable css variables
• use css-in-js with next.js app router and server components
• use css-in-js with vite
• create global styles and animation keyframes in javascript

When to choose

• you want css-in-js ergonomics with zero runtime cost in a Next.js or Vite app
• you are already in the MUI ecosystem and want its styling approach
• you need static css extraction for server components

When to avoid

• you need a maintained library - the project is on hold in alpha phase
• your bundler is not Next.js or Vite
• you need production stability and long-term support
• you prefer plain CSS or a mature solution like Tailwind or vanilla-extract

Facets

library · maturity abandoned

css-framework build-tool ui-components frontend web-development css-in-js zero-runtime build-time-extraction nextjs vite mui nodejs web-server

Member repositories

For agents

markdown · JSON · MCP: product_card(name="mui/pigment-css")