The web is very fragmented today: the proliferation of new web frameworks means that the same work is repeated over and over by countless teams and developers.

How many nearly identical autocomplete components exist in our web ecosystem? Hundreds across React, React Native, Svelte, Qwik, Vue, Angular, etc.,

With the arrival of React Server Components, will we have to rewrite the entire React ecosystem with these new constraints?

Web Components promised a solution to this problem but have not lived up to the vision.

We faced this challenge at Builder.io and found a solution: an abstract schema to describe all of our UI components. With this in hand, we were able to create Mitosis, a compiler that lets you build framework-agnostic components.

Mitosis is the engine that powers our SDKs, which work across 6 web frameworks, all from a single codebase. It also powers our top 10 Figma plugin which translates Figma designs to code in every framework!

Today, I want to talk to you about this open spec that drives Mitosis, and help you envision a better future for our web ecosystem, where many of us build on top of it.