Mitosis

Spec sheet

What it does

Mitosis transforms JSX components into components for multiple frameworks.Read 5 Oct 2026 · mitosis.builder.io

Purpose

Mitosis is an open-source tool that transforms JSX components into components for multiple frameworks.Read 4 Oct 2026 · mitosis.builder.io

Maker

The Mitosis documentation footer identifies Builder.io, Inc.Read 5 Oct 2026 · mitosis.builder.io

Build tools

The CLI provides mitosis compile for compiling one component to one target and mitosis build for building project folders for configured targets.Read 5 Oct 2026 · mitosis.builder.io

CLI

The CLI provides `mitosis build` for projects or folders and `mitosis compile` for compiling one component file to one target.Read 4 Oct 2026 · mitosis.builder.io

Configuration

A `mitosis.config.js` file can specify compilation targets, output directory, files, exclusions, and generator options.Read 4 Oct 2026 · mitosis.builder.io

Custom targets

The configuration documentation lists targets including React Native, Swift, HTML, Vue, React, Svelte, Solid, and Qwik.Read 4 Oct 2026 · mitosis.builder.io

Developer support

The documentation links to a Mitosis community Discord for questions and participation.Read 4 Oct 2026 · mitosis.builder.io

Figma integration

Mitosis integrates with Figma to sync design systems from Figma to code.Read 5 Oct 2026 · mitosis.builder.io

Framework outputs

The overview lists Angular, React, Qwik, Vue, Svelte, Solid, and React Native as supported outputs.Read 4 Oct 2026 · mitosis.builder.io

Framework-specific overrides

The documentation describes using per-framework overrides to provide different implementations when a framework-specific library or feature is needed.Read 5 Oct 2026 · mitosis.builder.io

Getting started

The quickstart creates a project with `npm create @builder.io/mitosis@latest` and initially offers React, Svelte, and Qwik output selections.Read 4 Oct 2026 · mitosis.builder.io

How it works

Mitosis parses a static subset of JSX into an intermediate JSON structure that can be serialized into different frameworks.Read 5 Oct 2026 · mitosis.builder.io

Intended use

The overview describes maintaining a shared design system across frameworks, publishing it to npm, and building cross-framework SDKs as use cases.Read 4 Oct 2026 · mitosis.builder.io

JavaScript libraries

Mitosis components can use JavaScript libraries, but framework-specific libraries cannot be used directly in framework-agnostic Mitosis code.Read 5 Oct 2026 · mitosis.builder.io

Key features

Mitosis components can use state through the useStore or useState hooks, and components update when state changes.Read 5 Oct 2026 · mitosis.builder.io

Notable limitation

The quickstart says its project setup currently supports selecting React, Svelte, and Qwik outputs.Read 5 Oct 2026 · mitosis.builder.io

Output targets

The quickstart lists targets including React, Vue, Angular, Svelte, Qwik, React Native, Swift, Lit, and Web Components.Read 5 Oct 2026 · mitosis.builder.io

Styling

Components can use a css prop for styling or import CSS files.Read 5 Oct 2026 · mitosis.builder.io

Support and community

The Mitosis site links to a community Discord.Read 5 Oct 2026 · mitosis.builder.io

Web component outputs

Mitosis can generate Lit, Stencil, and raw web components.Read 4 Oct 2026 · mitosis.builder.io

Where Specifiction places it

• Code Transpilers#25 of 287.1