mitosis

From public sources

Mitosis is an open-source developer tool that compiles one component codebase into React, Vue, Angular, Svelte, Solid, Qwik and other frameworks.

CLI toolCategory: Developer ToolsOpen sourcedata checked Oct 15, 2026

Add to compare Add to collection

Overview

Teams that maintain a design system or shared UI often end up writing the same components several times, once for each framework they support. Keeping those versions consistent is slow and error-prone. Mitosis is a CLI-based compiler that lets you write components once in its own declarative JSX-like syntax and compile them to React, Vue, Angular, Svelte, Solid, Alpine, Qwik and more. It can also sync design systems from Figma into code and publish the result to npm for each framework. Output is native framework code rather than web components. Mitosis is aimed at design system engineers and front-end teams shipping components to several frameworks. It is released under the MIT license and is installed from npm, with a project scaffold available through npm create.

angular
builder
compiler
declarative
design
figma
jsx
jsx-lite
liquid
no-code
react
shopify

Installation

Commands are shown, never run by the marketplace. Check them against the official documentation.

Official websiteFrom public sourcesfrom catalog metadata
mitosis.builder.io/ ↗
Build from sourceFrom public sourcesfrom catalog metadata
Build from source: no validated build recipe — follow the repository instructions.
github.com/BuilderIO/mitosis ↗

Compatibility

Unknown means no evidence was found — not that the product is incompatible.

Platform	Status	Architecture	Evidence	Confidence
Windows	Unknown	—	—	—
macOS	Unknown	—	—	—
Linux	Unknown	—	—	—
Container (OCI)	Unknown	—	—	—
Web browser	Compatible	—	Declared on the card	—

Releases

checked Oct 29, 2026

v0.14.2LatestOct 28, 2026Official source ↗

Files in 0.14.2

This release has no attached files.

Release history

v0.14.1Sep 29, 2026Official source ↗
v0.14.0Jul 21, 2026Official source ↗
v0.13.2Jun 5, 2026Official source ↗
v0.13.1Jun 3, 2026Official source ↗
v0.13.0Jan 13, 2026Official source ↗
v0.12.1Jul 18, 2025Official source ↗
v0.12.0Jun 30, 2025Official source ↗

Quality profile

algorithm quality-v1.0 · assessed Oct 15, 2026

Quality Score91

Risk Score0

Confidence 1.00

Quality Score and Risk Score are different measures. A high score does not guarantee safety.

Score components

Maintenance · 2020

last activity 16 days ago

Documentation · 1515

README 4105 chars, description present

Ready to use · 156

install instructions: no; releases: yes

Metadata · 1010

4/4 of description, homepage, license, topics

Releases · 1010

10 release(s), latest 16 days ago

Category confidence · 1010

classifier confidence 1

Adoption · 1010

14438 stars (log-dampened, 10k = max)

License clarity · 55

SPDX MIT

Community · 55

issues enabled, 678 forks

License

MIT

Known licensefrom the repository host

This is the catalog policy status, not legal advice.

Sources

github.com/BuilderIO/mitosisPrimary★ 14,438 starslast activity Sep 29, 2026Primary repository · Confidence 1.00

Reviews

No reviews yet.

Report a problem with this card

Alternatives

storybookSimilar

Storybook is an open-source CLI-driven UI development tool for building, documenting, and testing frontend components in isolation across React, Vue, Angular, and more.MIT · Developer Tools

docusaurusSimilar

Docusaurus is an open-source CLI and React-based framework for building, deploying and maintaining documentation websites for software projects.MIT · Developer Tools

reactivesearchSimilar

Search UI components for React and VueApache-2.0 · Developer Tools

DeepAuditSimilar

DeepAudit: An AI hacker team for everyone, making vulnerability hunting within everyone's reach. Beginners can deploy and run it with one click, with autonomous collaborative auditing and automated sandboxed PoC verification. Supports Ollama private deployment and one-click report generation. Supports relay stations. Security no longer needs to be expensive, and auditing no longer needs to be complicated.AGPL-3.0 · Developer Tools

superplaneSimilar

Open source factory for one-shot engineeringDeveloper Tools

README

From BuilderIO/mitosis · license MIT · fetched Oct 29, 2026

Overview

Mitosis provides a unified development experience across all frameworks, enabling you to build components in a single codebase and compile them to React, Vue, Angular, Svelte, Solid, Alpine, Qwik, and more.

Using Mitosis, you can:

Maintain a consistent design system across multiple frameworks (example)
Sync your design systems from Figma to code and publish them to npm across frameworks
Avoid the pitfalls of web components by compiling to native framework code

PS: We are actively looking for folks interested in becoming contributors to Mitosis. If interested, look at our list of good first issues or reach out on our Discord

[Gif example of devloping with Mitosis]

Quickstart

To create a new Mitosis project from scratch, run the following create command:

npm create @builder.io/mitosis@latest

Once completed, make sure to read the README.md generated in your new project. It will explain the structure of your project, and provide a walkthrough on how to build/test your components.

Read the full getting started docs for more.

Integration with Figma

To make generating Mitosis components easier, as well as to keep your design system in code in sync with your design system in Figma, Mitosis integrates with Figma.

Learn more about our Figma integration.

[Demo of using Mitosis with Figma]

Resources

Contribute

Interested in contribute? Head over to the CONTRIBUTING docs and see how you can get setup & started!

Once you're ready, checkout our issues page and grab your first issue!

Open the repository ↗