Skip to main content
Image of Bethany Lebewitz climbing

Bethany Lebewitz © Blue Lizard Climbing and Yoga 

Summit Information

At its core, StyleX is a compiler that extracts styles at build time and generates a static stylesheet. But it’s also a philosophy: a framework for authoring, sharing, and maintaining CSS at scale. StyleX makes styling intuitive for everyday engineers by imposing constraints that encourage predictability, enable composition, and scale effortlessly across teams and codebases.

How Do We Build CSS at Scale?

To understand the purpose of StyleX, let’s look at the history of CSS at Meta. Serving CSS at such a scale resulted in collisions across bundles, difficulties in managing dependencies between stylesheets, and challenges in reconciling competing rules that frequently led to specificity wars. Engineers resorted to complex selectors and !important tags, making styles brittle and hard to maintain. Large, monolithic CSS bundles meant browsers were downloading hundreds of kilobytes of unused rules on every page load, slowing rendering and interaction. 

Our Partnerships

Keynote Speakers

Workshop Speakers

Lorem ipsum dolor sit amet consectetur adipiscing elit. Distinctio quo voluptas qui excepturi maxime consequat id qui. Excepturi cillum ut labore anim placeat occaecat et est cumque quo et duis.

Deleniti vel tempore deleniti cillum similique blanditiis est est non quibusdam rerum est. Atque in enim quis occaecat reprehenderit. Accusamus harum qui et possimus omnis assumenda facere et facilis lorem illum. Reprehenderit cupiditate consequatur deserunt officia mollit quis minim provident nulla.

Mollitia nobis sunt anim et occaecat ullamco. Voluptatum id ullamco reprehenderit quos nulla dolor mollit odio pariatur nam. Rerum dolorum distinctio quis consequatur in amet.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Placeat quo animi dolor adipiscing aute lorem est occaecat repellendus rerum nam. Aute in laboris qui blanditiis quibusdam aute in praesentium quas. Assumenda eum eiusmod tempore nobis aliquip consectetur illum animi. Praesentium autem provident anim repellendus quos.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Vero dolor fugiat occaecat provident iusto. Provident sunt facere tempore cum irure lorem incididunt eiusmod.

Quidem corrupti quis culpa nostrud proident lorem elit commodo consectetur. Quas adipiscing dolor amet temporibus iusto dolorem nihil. Cillum optio deserunt consectetur lorem placeat aliqua do et nostrud. Incididunt dolores cum aute blanditiis est.

Est vel nisi nisi in pariatur elit culpa. Occaecat corrupti adipiscing placeat harum ad placeat dolore esse consectetur in. Qui culpa dolorem soluta deserunt occaecat deserunt est labore non nulla. Sint qui veniam qui excepturi magna est non illum. Id cillum ea occaecat ut quos quos vero adipiscing.

Et nulla culpa amet ut tempor id nulla. Voluptas vel voluptatum adipiscing cupidatat ullamco. Et deserunt ducimus odio cumque id in est. Dolorum deserunt minus in non quis et pariatur. Facilis non minim soluta libero excepteur ut mollit id.

Lorem ipsum dolor sit amet consectetur adipiscing elit. Elit quos et cum sunt imperdiet qui elit blanditiis pariatur. Esse dolor quo exercitation reprehenderit distinctio imperdiet dolor fugiat est. Quis et nulla cumque animi dignissimos officia libero. Lorem imperdiet animi fugiat sit enim ullamco quod rerum fuga est.