GoKawiilFirefox.com rebuilt entirely with native CSS, no preprocessors used
Mozilla worked with Lincoln Loop and a design lead to rebuild Firefox.com using only modern, native CSS, dropping preprocessors like Sass entirely. The project exported custom properties straight from design files and used CSS Grid and Flexbox, building a system of more than 70 components and 25 page templates as Wagtail components so non-engineers can assemble pages. The site now supports 19 locales, with a lightweight branded stylesheet ensuring older browsers still get basic accessible styling.
GoKawiil's interpretation of the reporting above, not reported fact.
For nearly two decades, designers relied on preprocessors and workarounds because CSS itself lacked variables and reliable layout tools, forcing a split between design ambition and production reality. This project shows that gap has effectively closed: native CSS features like custom properties, Grid, and Flexbox are now mature and consistent enough across browsers to build large-scale, maintainable design systems without extra tooling. It signals a broader shift for teams building design systems, potentially simplifying toolchains industry-wide.
- Firefox.com was rebuilt using only native CSS, with zero preprocessors like Sass.
- The new system includes over 70 components and 25 templates built as Wagtail components for non-engineers.
- Modern CSS features like custom properties, Grid, and Flexbox now fulfill design goals once impossible without hacks.
CSS Zen Garden design books — If you're diving back into native CSS features like Grid, Flexbox, and custom properties, a solid modern CSS reference is invaluable for understanding how these standards finally deliver on the design flexibility promised decades ago. It's a great companion for anyone rebuilding design systems on native CSS without preprocessors.
See CSS Zen Garden design books on Amazon → Affiliate link — we may earn a commission on purchases, at no extra cost to you. Product picked by AI based on this article; it is not a tested recommendation.Source: josprague.com, 2026-09-15
Published there as: “The CSS Zen Garden dream shipped”
Read the original report → The summary and analysis above are GoKawiil's own, written from reporting by the source above. Facts and quotes belong to the original publisher.