[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-10016":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":23,"hasPages":23,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":42,"readmeContent":43,"aiSummary":44,"trendingCount":16,"starSnapshotCount":16,"syncStatus":45,"lastSyncTime":46,"discoverSource":47},10016,"mitosis","BuilderIO\u002Fmitosis","BuilderIO","Write components once, run everywhere. Compiles to React, Vue, Qwik, Solid, Angular, Svelte, and more. ","https:\u002F\u002Fmitosis.builder.io",null,"TypeScript",13841,634,93,155,0,1,7,26,6,43.41,"MIT License",false,"main",[26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41],"angular","builder","compiler","declarative","figma","jsx","jsx-lite","liquid","no-code","react","shopify","solid","solidjs","svelte","visual","vue","2026-06-12 02:02:15","\u003Cbr>\n\u003Cbr>\n\u003Cp align=\"center\">\n  \u003Cpicture>\n    \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fcdn.builder.io\u002Fapi\u002Fv1\u002Fimage\u002Fassets%2FYJIGb4i01jvw0SRdL5Bt%2F44413839f214431290930e447572b843\">\n    \u003Cimg width=\"400\" alt=\"Mitosis logo\" src=\"https:\u002F\u002Fcdn.builder.io\u002Fapi\u002Fv1\u002Fimage\u002Fassets%2FYJIGb4i01jvw0SRdL5Bt%2F570f689e59824cb78cf5773350ab4144\">\n  \u003C\u002Fpicture>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  Write components once, compile to every framework\n\u003C\u002Fp>\n\n\u003Cbr>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fprettier\u002Fprettier\">\u003Cimg alt=\"code style: prettier\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fcode_style-prettier-ff69b4.svg\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FBuilderIO\u002Fmitosis\u002Fpulls\">\u003Cimg alt=\"PRs Welcome\" src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002FBuilderIO\u002Fmitosis\u002Fblob\u002Fmain\u002FLICENSE\">\u003Cimg alt=\"License\" src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Flicense\u002FBuilderIO\u002Fmitosis\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@builder.io\u002Fmitosis\">\u003Cimg alt=\"Types\" src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Ftypes\u002F@builder.io\u002Fmitosis\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002F@builder.io\u002Fmitosis\" rel=\"nofollow\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@builder.io\u002Fmitosis.svg?sanitize=true\">\u003C\u002Fa>\n\u003C\u002Fp>\n\n## Overview\n\n[Mitosis](https:\u002F\u002Fmitosis.builder.io\u002Fdocs\u002Foverview\u002F) 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.\n\nUsing Mitosis, you can:\n\n- Maintain a consistent design system across multiple frameworks ([example](https:\u002F\u002Fgithub.com\u002Fdb-ux-design-system\u002Fcore-web))\n- Sync your [design systems from Figma to code](https:\u002F\u002Fmitosis.builder.io\u002Fdocs\u002Ffigma\u002F) and publish them to npm across frameworks\n- Avoid the [pitfalls of web components](https:\u002F\u002Fmitosis.builder.io\u002Fdocs\u002Foverview\u002F) by compiling to native framework code\n\n_PS: We are actively looking for folks interested in becoming contributors to Mitosis. If interested, look at our list of [good first issues](https:\u002F\u002Fgithub.com\u002FBuilderIO\u002Fmitosis\u002Fcontribute) or reach out on our [Discord](https:\u002F\u002Fdiscord.gg\u002Fyxjk5vn6pn)_\n\n![Gif example of devloping with Mitosis](https:\u002F\u002Fcdn.builder.io\u002Fapi\u002Fv1\u002Ffile\u002Fassets%2FYJIGb4i01jvw0SRdL5Bt%2F868af1e6d9fd4923b18ecd1d892f3a6e)\n\n## Quickstart\n\nTo create a new Mitosis project from scratch, run the following `create` command:\n\n```bash\nnpm create @builder.io\u002Fmitosis@latest\n```\n\nOnce 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\u002Ftest your components.\n\nRead the full [getting started docs](https:\u002F\u002Fmitosis.builder.io\u002Fdocs\u002Fquickstart\u002F) for more.\n\n### Integration with Figma\n\nTo 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.\n\nLearn more about our [Figma integration](https:\u002F\u002Fmitosis.builder.io\u002Fdocs\u002Ffigma).\n\n![Demo of using Mitosis with Figma](https:\u002F\u002Fcdn.builder.io\u002Fapi\u002Fv1\u002Ffile\u002Fassets%2FYJIGb4i01jvw0SRdL5Bt%2Fde65b7d174354c0baf189ee4e652a31b)\n\n## Resources\n\n- [Documentation](https:\u002F\u002Fmitosis.builder.io\u002Fdocs)\n- [Playground](https:\u002F\u002Fmitosis.builder.io\u002Fplayground)\n- [Figma integration](https:\u002F\u002Fmitosis.builder.io\u002Fdocs\u002Ffigma\u002F)\n- [Mitosis Discord](https:\u002F\u002Fdiscord.gg\u002Fyxjk5vn6pn)\n\n## Contribute\n\nInterested in contribute? Head over to the [CONTRIBUTING](CONTRIBUTING.md) docs and see how you can get setup & started!\n\nOnce you're ready, checkout our [issues](https:\u002F\u002Fgithub.com\u002FBuilderIO\u002Fmitosis\u002Fcontribute) page and grab your first issue!\n\n\u003Cbr>\n\u003Cbr>\n\u003Cp align=\"center\">\n   \u003Ca href=\"https:\u002F\u002Fwww.builder.io\u002Fm\u002Fdevelopers\">\n      \u003Cpicture>\n         \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F844291\u002F230786554-eb225eeb-2f6b-4286-b8c2-535b1131744a.png\">\n         \u003Cimg width=\"250\" alt=\"Made with love by Builder.io\" src=\"https:\u002F\u002Fuser-images.githubusercontent.com\u002F844291\u002F230786555-a58479e4-75f3-4222-a6eb-74c5af953eac.png\">\n       \u003C\u002Fpicture>\n   \u003C\u002Fa>\n\u003C\u002Fp>\n","Mitosis 是一个统一的组件开发工具，支持一次编写组件代码并编译成多种前端框架的代码，如React、Vue、Angular、Svelte等。其核心功能包括跨框架的一致性设计系统维护、从Figma到代码的设计系统同步以及避免Web Components的常见问题。Mitosis适合需要在多个不同技术栈中保持一致性的项目使用，特别是对于希望减少重复工作和提高开发效率的团队来说非常有用。通过Mitosis，开发者能够更轻松地管理和更新跨平台的应用程序界面。",2,"2026-06-11 03:26:06","top_topic"]