{"id":13475467,"url":"https://github.com/Tinkoff/microzord","last_synced_at":"2025-03-27T00:31:29.327Z","repository":{"id":43824548,"uuid":"350742840","full_name":"Tinkoff/microzord","owner":"Tinkoff","description":"Simple and powerful Micro Frontends framework","archived":true,"fork":false,"pushed_at":"2022-02-17T13:12:57.000Z","size":1438,"stargazers_count":93,"open_issues_count":1,"forks_count":2,"subscribers_count":8,"default_branch":"alpha","last_synced_at":"2025-03-21T03:38:03.685Z","etag":null,"topics":["angular","microfrontends","microservices","microzord","react","routing","single-page-applications","svelte","vue"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Tinkoff.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE","code_of_conduct":"CODE_OF_CONDUCT.md","threat_model":null,"audit":null,"citation":null,"codeowners":".github/CODEOWNERS","security":null,"support":null}},"created_at":"2021-03-23T14:28:30.000Z","updated_at":"2024-05-27T10:11:34.000Z","dependencies_parsed_at":"2022-08-02T18:45:35.763Z","dependency_job_id":null,"html_url":"https://github.com/Tinkoff/microzord","commit_stats":null,"previous_names":["tinkoffcreditsystems/microzord","tinkoffcreditsystems/roofer"],"tags_count":26,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tinkoff%2Fmicrozord","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tinkoff%2Fmicrozord/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tinkoff%2Fmicrozord/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Tinkoff%2Fmicrozord/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Tinkoff","download_url":"https://codeload.github.com/Tinkoff/microzord/tar.gz/refs/heads/alpha","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245760729,"owners_count":20667886,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","microfrontends","microservices","microzord","react","routing","single-page-applications","svelte","vue"],"created_at":"2024-07-31T16:01:20.653Z","updated_at":"2025-03-27T00:31:28.861Z","avatar_url":"https://github.com/Tinkoff.png","language":"TypeScript","readme":"# \u003cimg src=\"apps/demo/src/assets/images/microzord.png\" alt=\"microzord logo\" width=\"36px\"\u003e microzord\n\n## Attention: WIP\n\nIt is a pre-alpha version of the library. Please, do not use it until official release.\n\n[![npm version](https://img.shields.io/npm/v/@microzord/core.svg)](https://npmjs.com/package/@microzord/core)\n[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@microzord/core)](https://bundlephobia.com/result?p=@microzord/core)\n[![codecov](https://codecov.io/gh/Tinkoff/microzord/branch/alpha/graph/badge.svg?token=MPSKF8YX7H)](https://codecov.io/gh/Tinkoff/microzord)\n\n## What is it?\n\nIt is a small tool that allows you to add and render multiple apps on one page. It has simple ideomatic APIs for all modern frameworks and builds bridges between them.\n\n🧙 **Framework agnostic**. You can have an Angular application with a React app header and a Vue app footer. Each app can have endless amount of nested apps inside. There are also wrappers for every modern framework with simple API.\n\n🧩 **Modular**. You can insert another app in your app in any place as an ordinary component. Use the same methods to bind data and to handle its events.\n\n🐝 **Tiny as a bee and works as well**. No new code in the bundle of child application and a bit more than 1 KB library for host application to get all the benefits!\n\n## Installation and usage\n\nAn extensive demo is coming soon...\n\n### An example of usage external apps in Angular app\n\napp.module.ts\n\n```ts\n@NgModule({\n  imports: [\n    MicrozordHostModule.register({\n      apps: [\n        {\n          name: 'react-menu',\n          assetMap: '/react-menu/microzord.json',\n        },\n        {\n          name: 'vue-footer-app',\n          assetMap: '/vue-footer-app/microzord.json',\n        },\n      ],\n    }),\n  ],\n})\nexport class AppModule {}\n```\n\nUsage in application:\n\n```html\n\u003cheader microzord=\"react-menu\"\u003e\u003c/header\u003e\n\n\u003cdiv\u003eAny content\u003c/div\u003e\n\n\u003cfooter microzord=\"vue-footer-app\" (hook)=\"onFooterLifecycleEvent($event)\"\u003e\u003c/footer\u003e\n```\n\n## Core team\n\n\u003ctable\u003e\n    \u003ctr\u003e\n       \u003ctd align=\"center\"\u003e\n            \u003ca href=\"https://twitter.com/katsuba_igor\"\n                \u003e\u003cimg\n                    src=\"https://github.com/IKatsuba.png?size=100\"\n                    width=\"100\"\n                    style=\"margin-bottom: -4px; border-radius: 8px;\"\n                    alt=\"Igor Katsuba\"\n                /\u003e\u003cbr /\u003e\u003csub\u003e\u003cb\u003eIgor Katsuba\u003c/b\u003e\u003c/sub\u003e\u003c/a\n            \u003e\n            \u003cdiv style=\"margin-top: 4px\"\u003e\n                \u003ca\n                    href=\"https://twitter.com/katsuba_igor\"\n                    title=\"Twitter\"\n                    \u003e\u003cimg\n                        style=\"width: 16px;\"\n                        width=\"16\"\n                        src=\"https://raw.githubusercontent.com/MarsiBarsi/readme-icons/main/twitter.svg\"\n                /\u003e\u003c/a\u003e\n                \u003ca href=\"https://github.com/IKatsuba\" title=\"Github\"\n                    \u003e\u003cimg\n                        width=\"16\"\n                        src=\"https://raw.githubusercontent.com/MarsiBarsi/readme-icons/main/github.svg\"\n                /\u003e\u003c/a\u003e\n                \u003ca\n                    href=\"https://t.me/Katsuba\"\n                    title=\"Telegram\"\n                    \u003e\u003cimg\n                        width=\"16\"\n                        src=\"https://raw.githubusercontent.com/MarsiBarsi/readme-icons/main/send.svg\"\n                /\u003e\u003c/a\u003e\n            \u003c/div\u003e\n        \u003c/td\u003e\n        \u003ctd align=\"center\"\u003e\n            \u003ca href=\"http://marsibarsi.me\"\n                \u003e\u003cimg\n                    src=\"https://github.com/marsibarsi.png?size=100\"\n                    width=\"100\"\n                    style=\"margin-bottom: -4px; border-radius: 8px;\"\n                    alt=\"Roman Sedov\"\n                /\u003e\u003cbr /\u003e\u003cb\u003eRoman Sedov\u003c/b\u003e\u003c/a\n            \u003e\n            \u003cdiv style=\"margin-top: 4px\"\u003e\n                \u003ca\n                    href=\"https://twitter.com/marsibarsi\"\n                    title=\"Twitter\"\n                    \u003e\u003cimg\n                        width=\"16\"\n                        src=\"https://raw.githubusercontent.com/MarsiBarsi/readme-icons/main/twitter.svg\"\n                /\u003e\u003c/a\u003e\n                \u003ca\n                    href=\"https://github.com/marsibarsi\"\n                    title=\"GitHub\"\n                    \u003e\u003cimg\n                        width=\"16\"\n                        src=\"https://raw.githubusercontent.com/MarsiBarsi/readme-icons/main/github.svg\"\n                /\u003e\u003c/a\u003e\n                \u003ca\n                    href=\"https://t.me/marsibarsi\"\n                    title=\"Telegram\"\n                    \u003e\u003cimg\n                        width=\"16\"\n                        src=\"https://raw.githubusercontent.com/MarsiBarsi/readme-icons/main/send.svg\"\n                /\u003e\u003c/a\u003e\n            \u003c/div\u003e\n        \u003c/td\u003e\n    \u003c/tr\u003e\n\n\u003c/table\u003e\n\n## License\n\n🆓 Feel free to use our library in your commercial and private applications\n\nAll microzord packages are covered by [Apache 2.0](/LICENSE)\n\nRead more about this license [here](https://choosealicense.com/licenses/apache-2.0/)\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTinkoff%2Fmicrozord","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FTinkoff%2Fmicrozord","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FTinkoff%2Fmicrozord/lists"}