GitHub Migrates Primer Design System to CSS Modules, Achieving 55% Server‑Side Render Speedup

GitHub’s Primer Design System has completed a full migration from its legacy CSS‑in‑JS approach to CSS Modules, a change that eliminates client‑side style initialization and reduces server‑side rendering overhead. The incremental rollout, guided by feature flags and visual regression tests, allowed the team to update every component without breaking existing GitHub pages. By December 2024, all Primer components were served as static CSS, cutting server‑side render time by 55% and component initialization time by 25%. The migration also targeted the widespread use of the `sx` prop, replacing it with static CSS modules and a new @primer/styled‑react wrapper to maintain backward compatibility. The effort, which began in April 2025 and reached full realization in May 2026, was supported by a VS Code plugin and internal codemods, and coincided with the announcement of styled‑components maintenance mode.