Mitosis

Free plan APIWeb

What Mitosis is

Mitosis is a free, open-source tool that turns JSX components into components for multiple frameworks. It parses a static subset of JSX into a JSON structure, which can then be serialized for selected targets. Outputs listed include Angular, React, Qwik, Vue, Svelte, Solid, React Native, Swift, Lit, Stencil, and raw web components. Mitosis components can use state through the useStore or useState hooks and update when state changes. Styling can use a css prop or imported CSS files. Components can use JavaScript libraries, but framework-specific libraries cannot be used directly in framework-agnostic Mitosis code; per-framework overrides can supply different implementations. The CLI offers mitosis compile for one component file and target, and mitosis build for projects or folders configured for targets. A mitosis.config.js file can specify targets, output directory, files, exclusions, and generator options. Mitosis also works with Builder.io Fusion to turn selected Figma layers into code adaptable to selected frameworks. The quickstart initially offers React, Svelte, and Qwik output selections.

Who it suits

Mitosis suits developers maintaining a shared design system across frameworks, publishing components to npm, or building cross-framework SDKs. It may also suit teams adapting selected Figma layers into code for chosen frameworks.

What it does well

Generates components for numerous framework targets.
Supports state with useStore or useState.
Offers CLI commands for individual components or projects.
Configuration controls targets and output details.
Works with Builder.io Fusion and selected Figma layers.

What to know first

Parses only a static subset of JSX.
Framework-specific libraries need per-framework overrides.
Quickstart initially offers React, Svelte, and Qwik selections.

Limits

The quickstart currently limits its initial project setup choices to React, Svelte, and Qwik. Framework-specific libraries cannot be used directly in framework-agnostic Mitosis code.

Getting started

Run npm create @builder.io/mitosis@latest
Select an initial output such as React, Svelte, or Qwik
Create or add JSX components
Set targets and options in mitosis.config.js
Run mitosis compile for one component or mitosis build for a project

Verdict

Mitosis provides a route from JSX components to a range of framework outputs, with CLI and configuration options for different build scopes. Framework-specific dependencies require overrides, and the quickstart starts with a narrower set of output choices than the full target list.

Questions

Is Mitosis free?

Yes. It is described as free and open source.

Which outputs can it generate?

Listed targets include Angular, React, Qwik, Vue, Svelte, Solid, React Native, Swift, Lit, Stencil, and raw web components.

Does it provide a CLI?

Yes. mitosis compile handles one component and target, while mitosis build handles projects or folders.

Can components use state?

Yes. Components can use useStore or useState hooks, and they update when state changes.

How is styling handled?

Components can use a css prop or import CSS files.

Who makes Mitosis?

The documentation footer identifies Builder.io, Inc. as the maker.

Facts from Mitosis's own pages

Build tools: The CLI provides mitosis compile for compiling one component to one target and mitosis build for building project folders for configured targets. · mitosis.builder.io, 5 Oct 2026
CLI: The CLI provides `mitosis build` for projects or folders and `mitosis compile` for compiling one component file to one target. · mitosis.builder.io, 4 Oct 2026
Configuration: A `mitosis.config.js` file can specify compilation targets, output directory, files, exclusions, and generator options. · mitosis.builder.io, 4 Oct 2026
Custom targets: The configuration documentation lists targets including React Native, Swift, HTML, Vue, React, Svelte, Solid, and Qwik. · mitosis.builder.io, 4 Oct 2026
Developer support: The documentation links to a Mitosis community Discord for questions and participation. · mitosis.builder.io, 4 Oct 2026
Figma integration: Mitosis integrates with Figma to sync design systems from Figma to code. · mitosis.builder.io, 5 Oct 2026
Framework outputs: The overview lists Angular, React, Qwik, Vue, Svelte, Solid, and React Native as supported outputs. · mitosis.builder.io, 4 Oct 2026
Framework-specific overrides: The documentation describes using per-framework overrides to provide different implementations when a framework-specific library or feature is needed. · mitosis.builder.io, 5 Oct 2026
Getting started: The quickstart creates a project with `npm create @builder.io/mitosis@latest` and initially offers React, Svelte, and Qwik output selections. · mitosis.builder.io, 4 Oct 2026
How it works: Mitosis parses a static subset of JSX into an intermediate JSON structure that can be serialized into different frameworks. · mitosis.builder.io, 5 Oct 2026
Intended use: The overview describes maintaining a shared design system across frameworks, publishing it to npm, and building cross-framework SDKs as use cases. · mitosis.builder.io, 4 Oct 2026
JavaScript libraries: Mitosis components can use JavaScript libraries, but framework-specific libraries cannot be used directly in framework-agnostic Mitosis code. · mitosis.builder.io, 5 Oct 2026
Key features: Mitosis components can use state through the useStore or useState hooks, and components update when state changes. · mitosis.builder.io, 5 Oct 2026
Maker: The Mitosis documentation footer identifies Builder.io, Inc. · mitosis.builder.io, 5 Oct 2026
Notable limitation: The quickstart says its project setup currently supports selecting React, Svelte, and Qwik outputs. · mitosis.builder.io, 5 Oct 2026
Output targets: The quickstart lists targets including React, Vue, Angular, Svelte, Qwik, React Native, Swift, Lit, and Web Components. · mitosis.builder.io, 5 Oct 2026
Purpose: Mitosis is an open-source tool that transforms JSX components into components for multiple frameworks. · mitosis.builder.io, 4 Oct 2026
Styling: Components can use a css prop for styling or import CSS files. · mitosis.builder.io, 5 Oct 2026
Support and community: The Mitosis site links to a community Discord. · mitosis.builder.io, 5 Oct 2026
Web component outputs: Mitosis can generate Lit, Stencil, and raw web components. · mitosis.builder.io, 4 Oct 2026
What it does: Mitosis transforms JSX components into components for multiple frameworks. · mitosis.builder.io, 5 Oct 2026

Where Mitosis stands on Freedom251

Code Transpilers#21 of 28