[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-3824":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":16,"stars7d":17,"stars30d":18,"stars90d":16,"forks30d":16,"starsTrendScore":19,"compositeScore":20,"rankGlobal":10,"rankLanguage":10,"license":21,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":22,"hasPages":24,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":33,"readmeContent":34,"aiSummary":35,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":36,"discoverSource":37},3824,"qiankun","umijs\u002Fqiankun","umijs","📦 🚀 Blazing fast, simple and complete solution for micro frontends.","https:\u002F\u002Fqiankun.umijs.org",null,"TypeScript",16611,2065,230,410,0,2,16,1,44.95,"MIT License",false,"next",true,[26,27,28,29,30,31,32],"framework","javascript","micro-frontend","micro-frontends","microfrontend","microfrontends","microservices","2026-06-12 02:00:54","\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fqiankun.umijs.org\" target=\"_blank\" rel=\"noopener noreferrer\">\n    \u003Cimg width=\"180\" src=\".\u002Fdocs\u002Flogo.png\" alt=\"qiankun logo\">\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fqiankun\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fqiankun\u002Fnext.svg?style=flat-square\" alt=\"npm version\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fcodecov.io\u002Fgh\u002Fumijs\u002Fqiankun\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fcodecov\u002Fc\u002Fgithub\u002Fumijs\u002Fqiankun.svg?style=flat-square\" alt=\"coverage\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fwww.npmjs.com\u002Fpackage\u002Fqiankun\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fdm\u002Fqiankun.svg?style=flat-square\" alt=\"npm downloads\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fumijs\u002Fqiankun\u002Factions\u002Fworkflows\u002Fci.yml\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Factions\u002Fworkflow\u002Fstatus\u002Fumijs\u002Fqiankun\u002Fci.yml?branch=master&style=flat-square\" alt=\"build status\" \u002F>\u003C\u002Fa>\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fumijs\u002Fdumi\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fdocs%20by-dumi-blue\" alt=\"dumi\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n# qiankun（乾坤）\n\n> [!WARNING] 🚧 qiankun 3.0 is currently under active development. Check out the [Roadmap](https:\u002F\u002Fgithub.com\u002Fumijs\u002Fqiankun\u002Fdiscussions\u002F1378) for more details.\n\n> In Chinese, `qian(乾)` means heaven and `kun(坤)` earth. `qiankun` is the universe.\n\nQiankun enables you and your teams to build next-generation and enterprise-ready web applications leveraging [Micro Frontends](https:\u002F\u002Fmicro-frontends.org\u002F). It is inspired by and based on [single-spa](https:\u002F\u002Fgithub.com\u002Fsingle-spa\u002Fsingle-spa).\n\n## 🤔 Motivation\n\nA quick recap about the concept of `Micro Frontends`:\n\n> Techniques, strategies and recipes for building a **modern web app** with **multiple teams** using **different JavaScript frameworks**. — [Micro Frontends](https:\u002F\u002Fmicro-frontends.org\u002F)\n\nQiankun was birthed internally in our group during the time web app development by distributed teams had turned to complete chaos. We faced every problem micro frontend was conceived to solve, so naturally, it became part of our solution.\n\nThe path was never easy, we stepped on every challenge there could possibly be. Just to name a few:\n\n- In what form do micro-apps publish static resources?\n- How does the framework integrate individual micro-apps?\n- How to ensure that sub-applications are isolated from one another (development independence and deployment independence) and runtime sandboxed?\n- Performance issues? What about public dependencies?\n- The list goes on long ...\n\nAfter solving these common problems of micro frontends and lots of polishing and testing, we extracted the minimal viable framework of our solution, and named it `qiankun`, as it can contain and serve anything. Not long after, it became the cornerstone of hundreds of our web applications in production, and we decided to open-source it to save you the suffering.\n\n**TLDR: Qiankun is probably the most complete micro-frontend solution you ever met🧐.**\n\n## :sparkles: Features\n\nQiankun inherits many benefits from [single-spa](https:\u002F\u002Fgithub.com\u002Fsingle-spa\u002Fsingle-spa):\n\n- 📦 **Micro-apps Independent Deployment**\n- 🛴 **Lazy Load**\n- 📱 **Technology Agnostic**\n\nAnd on top of these, it offers:\n\n- 💃 **Elegant API**\n- 💪 **HTML Entry Access Mode**\n- 🛡 **Style Isolation**\n- 🧳 **JS Sandbox**\n- ⚡ **Prefetch Assets**\n- 🔌 **[Umi Plugin](https:\u002F\u002Fgithub.com\u002Fumijs\u002Fplugins\u002Ftree\u002Fmaster\u002Fpackages\u002Fplugin-qiankun) Integration**\n\n## Packages\n\n| Package | Version (click for changelogs) |\n| --- | :-- |\n| [qiankun](packages\u002Fqiankun) | [![qiankun version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fqiankun\u002Fnext.svg?style=flat-square)](packages\u002Fqiankun\u002FCHANGELOG.md) |\n| [@qiankunjs\u002Floader](packages\u002Floader) | [![loader version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@qiankunjs\u002Floader\u002Frc.svg?style=flat-square)](packages\u002Floader\u002FCHANGELOG.md) |\n| [@qiankunjs\u002Fsandbox](packages\u002Fsandbox) | [![sandbox version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@qiankunjs\u002Fsandbox\u002Frc.svg?style=flat-square)](packages\u002Fsandbox\u002FCHANGELOG.md) |\n| [@qiankunjs\u002Fshared](packages\u002Fshared) | [![shared version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@qiankunjs\u002Fshared\u002Frc.svg?style=flat-square)](packages\u002Fshared\u002FCHANGELOG.md) |\n| [@qiankunjs\u002Freact](packages\u002Fui-bindings\u002Freact) | [![react version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@qiankunjs\u002Freact\u002Frc.svg?style=flat-square)](packages\u002Fui-bindings\u002Freact\u002FCHANGELOG.md) |\n| [@qiankunjs\u002Fvue](packages\u002Fui-bindings\u002Fvue) | [![vue version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@qiankunjs\u002Fvue\u002Frc.svg?style=flat-square)](packages\u002Fui-bindings\u002Fvue\u002FCHANGELOG.md) |\n| [@qiankunjs\u002Fui-shared](packages\u002Fui-bindings\u002Fshared) | [![ui-shared version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@qiankunjs\u002Fui-shared\u002Frc.svg?style=flat-square)](packages\u002Fui-bindings\u002Fshared\u002FCHANGELOG.md) |\n| [@qiankunjs\u002Fbundler-plugin](packages\u002Fbundler-plugin) | [![bundler-plugin version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002F@qiankunjs\u002Fbundler-plugin\u002Frc.svg?style=flat-square)](packages\u002Fbundler-plugin\u002FCHANGELOG.md) |\n| [create-qiankun](packages\u002Fcreate-qiankun) | [![create-qiankun version](https:\u002F\u002Fimg.shields.io\u002Fnpm\u002Fv\u002Fcreate-qiankun\u002Frc.svg?style=flat-square)](packages\u002Fcreate-qiankun\u002FCHANGELOG.md) |\n\n## 📦 Installation\n\n```shell\n$ yarn add qiankun  # or npm i qiankun -S\n```\n\n## 📖 Documentation\n\nYou can find the Qiankun documentation [on the website](https:\u002F\u002Fqiankun.umijs.org\u002F)\n\nCheck out the [Getting Started](https:\u002F\u002Fqiankun.umijs.org\u002Fguide\u002Fgetting-started) page for a quick overview.\n\nThe documentation is divided into several sections:\n\n- [Tutorial](https:\u002F\u002Fqiankun.umijs.org\u002Fcookbook)\n- [API Reference](https:\u002F\u002Fqiankun.umijs.org\u002Fapi)\n- [FAQ](https:\u002F\u002Fqiankun.umijs.org\u002Ffaq)\n- [Community](https:\u002F\u002Fqiankun.umijs.org\u002F#-community)\n\n## 💿 Examples\n\nInside the `examples` folder, there is a sample Shell app and multiple mounted Micro FE apps. To get it running, first clone `qiankun`:\n\n```shell\n$ git clone https:\u002F\u002Fgithub.com\u002Fumijs\u002Fqiankun.git\n$ cd qiankun\n```\n\nNow install and run the example:\n\n```shell\n$ pnpm install\n$ pnpm run examples:install\n$ pnpm run examples:start\n```\n\nVisit `http:\u002F\u002Flocalhost:7099`.\n\n![](.\u002Fexamples\u002Fexample.gif)\n\n## 🎯 Roadmap\n\nSee [Qiankun 3.0 Roadmap](https:\u002F\u002Fgithub.com\u002Fumijs\u002Fqiankun\u002Fdiscussions\u002F1378)\n\n## 🤝 Contributing\n\n[![Ask DeepWiki](https:\u002F\u002Fdeepwiki.com\u002Fbadge.svg)](https:\u002F\u002Fdeepwiki.com\u002Fumijs\u002Fqiankun)\n\nSee [contributing guide](.\u002FCONTRIBUTING.md).\n\n## 👥 Contributors\n\nThanks to all the contributors!\n\n\u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fumijs\u002Fqiankun\u002Fgraphs\u002Fcontributors\">\n  \u003Cimg src=\"https:\u002F\u002Fopencollective.com\u002Fqiankun\u002Fcontributors.svg?width=960&button=false\" alt=\"contributors\" \u002F>\n\u003C\u002Fa>\n\n## 🎁 Acknowledgements\n\n- [single-spa](https:\u002F\u002Fgithub.com\u002Fsingle-spa\u002Fsingle-spa) What an awesome meta-framework for micro-frontends!\n- [writable-dom](https:\u002F\u002Fgithub.com\u002Fmarko-js\u002Fwritable-dom\u002F) Utility to stream HTML content into a live document.\n\n## 📄 License\n\nQiankun is [MIT licensed](.\u002FLICENSE).\n","Qiankun 是一个用于构建微前端应用的解决方案。它基于 single-spa，并提供了完整的微前端集成能力，包括但不限于静态资源发布、框架整合、子应用间的隔离与沙箱机制以及性能优化等。使用 TypeScript 编写，确保了代码质量和类型安全。该项目非常适合需要多团队协作、采用不同技术栈进行开发的大中型企业级 Web 应用场景。通过 Qiankun，开发者能够轻松地将多个独立的前端项目组合成一个统一的应用程序，同时保持各个子项目的独立性和可维护性。","2026-06-11 02:56:32","top_language"]