https://github.com/taiga-family/microzord

Simple and powerful Micro Frontends framework
https://github.com/taiga-family/microzord

angular

Last synced: 7 months ago
JSON representation

Simple and powerful Micro Frontends framework

• Host: GitHub
• URL: https://github.com/taiga-family/microzord
• Owner: taiga-family
• License: apache-2.0
• Created: 2023-09-14T14:24:49.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-04-29T18:35:50.000Z (7 months ago)
• Last Synced: 2025-04-29T19:43:02.880Z (7 months ago)
• Topics: angular
• Language: TypeScript
• Homepage: https://taiga-family.github.io/microzord
• Size: 82.8 MB
• Stars: 10
• Watchers: 3
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE
  • Codeowners: .github/CODEOWNERS

Awesome Lists containing this project

README

          
#  microzord

[![npm version](https://img.shields.io/npm/v/@microzord/core.svg)](https://npmjs.com/package/@microzord/core)

[![npm bundle size](https://img.shields.io/bundlephobia/minzip/@microzord/core)](https://bundlephobia.com/result?p=@microzord/core)

[![codecov](https://codecov.io/gh/taiga-family/microzord/branch/alpha/graph/badge.svg?token=MPSKF8YX7H)](https://codecov.io/gh/taiga-family/microzord)

## What is it?

It 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.

🧙 **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.

🧩 **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.

🐝 **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!

## Angular version support

| Microzord Version | Angular version |

| ----------------- | --------------- |

| v2.x              | 16+             |

| v1.x              | 12 - 15         |

## Installation and usage

An extensive demo is coming soon...

### An example of usage external apps in Angular app

app.module.ts

```ts

@NgModule({

  imports: [

    MicrozordHostModule.register({

      apps: [

        {

          name: 'react-menu',

        },

        {

          name: 'vue-footer-app',

        },

      ],

    }),

  ],

})

export class AppModule {}

```

Usage in application:

```html

Any content


```

## Core team

    

       

            
Igor Katsuba

            


                

                

                

            

        

        

            
Roman Sedov

            


                

                

                

            

        

    


## License

🆓 Feel free to use our library in your commercial and private applications

All microzord packages are covered by [Apache 2.0](/LICENSE)

Read more about this license [here](https://choosealicense.com/licenses/apache-2.0/)