BuilderIO/mitosis

Что это?

Ключевые возможности

• 01Компилирует исходный код компонента для React, Vue, Angular, Svelte, Solid, Alpine и Qwik.
• 02Позволяет создавать компоненты в формате, похожем на JSX.
• 03Интегрируется с Figma для синхронизации компонентов дизайн-системы с кодом.
• 04Генерирует нативный код для фреймворков вместо web components.
• 05Включает онлайн-песочницу и инструменты для быстрого старта.

Сценарии использования

• Поддержка дизайн-системы, которой пользуются команды на разных фреймворках.
• Публикация библиотеки компонентов в npm со сборками для нескольких фреймворков.
• Генерация кода компонентов по макетам Figma для разных фронтенд-стеков.

Быстрый старт

1. 1

   Создайте новый проект Mitosis с помощью команды create

   npm create @builder.io/mitosis@latest
2. 2

   Прочитайте README, созданный в новом проекте, чтобы узнать, как собирать и тестировать компоненты

Что важно знать

• !Mitosis — это компилятор, поэтому для учета особенностей конкретного фреймворка может потребоваться вручную доработать сгенерированный код.

Темы

Частые вопросы

Что такое mitosis?

Пишите UI-компоненты на JSX-подобном синтаксисе и компилируйте их для React, Vue, Angular, Svelte, Solid, Qwik и других фреймворков. Mitosis — компилятор, который позволяет писать UI-компоненты в единой кодовой базе и генерировать нативный код для разных фреймворков. Компоненты создаются в формате, похожем на JSX, и компилируются для React, Vue, Angular, Svelte, Solid, Alpine, Qwik и других платформ. Так команды могут поддерживать единый источник правды, а не параллельные реализации.

mitosis можно использовать бесплатно? Какая у него лицензия?

mitosis распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

mitosis всё ещё поддерживается?

Активно поддерживается. Последний коммит в mitosis — 29 сент. 2026 г..

Для чего можно использовать mitosis?

Поддержка дизайн-системы, которой пользуются команды на разных фреймворках. Публикация библиотеки компонентов в npm со сборками для нескольких фреймворков. Генерация кода компонентов по макетам Figma для разных фронтенд-стеков.

Как установить mitosis?

Создайте новый проект Mitosis с помощью команды create: npm create @builder.io/mitosis@latest Прочитайте README, созданный в новом проекте, чтобы узнать, как собирать и тестировать компоненты

Где скачать mitosis?

Исходный код и инструкции по установке — на GitHub: https://github.com/BuilderIO/mitosis