what is mitosis fr?

Mitosis is a tool for writing UI components once and automatically compiling them to the native format used by multiple front-end frameworks. Instead of building the same button, form, or navigation bar separately in React, Vue, Svelte, and Angular, you write it once in Mitosis's format and the compiler generates working code for each target. The tool is made by Builder.io, the company behind a visual website builder. It grew out of their need to maintain a single design system that works across applications built on different frameworks. Teams that use multiple frameworks, or that maintain component libraries for others to use, often have to duplicate code across framework versions and keep them all in sync as components evolve. Mitosis addresses this by treating the single-source Mitosis file as the source of truth. Setting up a new Mitosis project takes one command: npm create @builder.io/mitosis@latest. This generates a project structure with the Mitosis component files and configuration for each target framework. Once written, components compile to React, Vue, Angular, Svelte, Solid, Alpine, and Qwik, among others. A web-based playground is available for trying out the compilation without installing anything locally. Mitosis integrates with Figma, allowing teams to keep a Figma design system in sync with the code version. When a Figma component is updated, the integration can push the change through to the compiled outputs. This is intended for teams that want design and code to stay aligned without manual re-implementation. The project is TypeScript-based, open source, and maintained on GitHub with a Discord community for contributors and users.