Mitosis

What Mitosis is

Mitosis is a free, open-source tool that transforms JSX components into components for multiple frameworks. It parses a static JSX subset into a JSON structure, then generates code for targets including Angular, React, Qwik, Vue, Svelte, Solid, React Native, Swift, Lit, Stencil, and raw web components. The project describes shared design systems, npm publishing, and cross-framework SDKs as use cases. Components can use useStore or useState for state, update when state changes, and use a css prop or imported CSS files for styling. JavaScript libraries are supported, but framework-specific libraries need per-framework overrides rather than direct use in framework-agnostic code. The CLI provides mitosis compile for one component and target, and mitosis build for projects or folders. Configuration in mitosis.config.js controls targets, outputs, files, exclusions, and generator options. A quickstart creates projects through npm and initially offers React, Svelte, and Qwik selections.