Project Icon

mitosis

多框架兼容的组件开发工具

Mitosis是一款跨框架组件开发工具,支持开发者使用单一代码库构建组件,并可编译至React、Vue、Angular、Svelte等多个框架。该工具有助于跨框架维护统一设计系统,实现Figma设计到代码的同步,同时避免了Web组件的常见问题。Mitosis提供了一致的开发体验,简化了跨框架组件的开发流程。



Mitosis 标志

一次编写组件,编译到所有框架


代码风格:prettier 欢迎提交PR 许可证 类型

概述

Mitosis 为所有框架提供了统一的开发体验,使您能够在单一代码库中构建组件,并将其编译为 React、Vue、Angular、Svelte、Solid、Alpine、Qwik 等框架。

使用 Mitosis,您可以:

PS:我们正在积极寻找有兴趣成为 Mitosis 贡献者的人。如果您感兴趣,请查看我们的适合新手的问题列表或在我们的 Discord 上联系我们

使用 Mitosis 开发的 Gif 示例

快速开始

要从头开始创建一个新的 Mitosis 项目,请运行以下 create 命令:

npm create @builder.io/mitosis@latest

完成后,请务必阅读在新项目中生成的 README.md。它将解释项目的结构,并提供如何构建/测试组件的指南。

阅读完整的入门文档以获取更多信息。

与 Figma 集成

为了使生成 Mitosis 组件更加容易,并保持代码中的设计系统与 Figma 中的设计系统同步,Mitosis 与 Figma 集成。

了解更多关于我们的 Figma 集成

使用 Mitosis 和 Figma 的演示

资源

贡献

有兴趣贡献吗?请查看 CONTRIBUTING 文档,了解如何设置和开始!

准备好后,查看我们的问题页面,开始处理您的第一个问题!



由 Builder.io 倾情打造

项目侧边栏1项目侧边栏2
推荐项目
Project Cover

豆包MarsCode

豆包 MarsCode 是一款革命性的编程助手,通过AI技术提供代码补全、单测生成、代码解释和智能问答等功能,支持100+编程语言,与主流编辑器无缝集成,显著提升开发效率和代码质量。

Project Cover

问小白

问小白是一个基于 DeepSeek R1 模型的智能对话平台,专为用户提供高效、贴心的对话体验。实时在线,支持深度思考和联网搜索。免费不限次数,帮用户写作、创作、分析和规划,各种任务随时完成!

Project Cover

白日梦AI

白日梦AI提供专注于AI视频生成的多样化功能,包括文生视频、动态画面和形象生成等,帮助用户快速上手,创造专业级内容。

Project Cover

有言AI

有言平台提供一站式AIGC视频创作解决方案,通过智能技术简化视频制作流程。无论是企业宣传还是个人分享,有言都能帮助用户快速、轻松地制作出专业级别的视频内容。

Project Cover

讯飞绘镜

讯飞绘镜是一个支持从创意到完整视频创作的智能平台,用户可以快速生成视频素材并创作独特的音乐视频和故事。平台提供多样化的主题和精选作品,帮助用户探索创意灵感。

Project Cover

讯飞文书

讯飞文书依托讯飞星火大模型,为文书写作者提供从素材筹备到稿件撰写及审稿的全程支持。通过录音智记和以稿写稿等功能,满足事务性工作的高频需求,帮助撰稿人节省精力,提高效率,优化工作与生活。

Project Cover

阿里绘蛙

绘蛙是阿里巴巴集团推出的革命性AI电商营销平台。利用尖端人工智能技术,为商家提供一键生成商品图和营销文案的服务,显著提升内容创作效率和营销效果。适用于淘宝、天猫等电商平台,让商品第一时间被种草。

Project Cover

Trae

Trae是一种自适应的集成开发环境(IDE),通过自动化和多元协作改变开发流程。利用Trae,团队能够更快速、精确地编写和部署代码,从而提高编程效率和项目交付速度。Trae具备上下文感知和代码自动完成功能,是提升开发效率的理想工具。

Project Cover

AIWritePaper论文写作

AIWritePaper论文写作是一站式AI论文写作辅助工具,简化了选题、文献检索至论文撰写的整个过程。通过简单设定,平台可快速生成高质量论文大纲和全文,配合图表、参考文献等一应俱全,同时提供开题报告和答辩PPT等增值服务,保障数据安全,有效提升写作效率和论文质量。

投诉举报邮箱: service@vectorlightyear.com
@2024 懂AI·鲁ICP备2024100362号-6·鲁公网安备37021002001498号