Dynamically set remote origins at runtime within hosts

This project is an Angular mlti-repo Webpack Module Federation example. It shows ways of communication, orchestration, organization and nesting of Micro Frontends.

Dynamically load microfrontends with a manifest.json and build the routes dynamically too.

Repository with examples for Expo & Re.Pack

Using Tailwind CSS in an Angular Microfrontend App using a proxy component

An example repo on how to use module federation with apps jumpstarted by create-react-app without ejecting the configuration

An example app designed with micro frontend architectural pattern using Webpack Module Federation. :rocket:

A consumer module federated app.

Monorepo using Module Federation to expose and combine features during runtime

React platform implementing micro-frontend architecture through https://module-federation.io.

Module Federation Examples

Example of module federation usage

Framework agnostic Microfrontends with Webpack & Vite module federation

webpack5's module federation examples base on Vue2/Vue3

Production-Ready Microfrontend Architecture — A complete reference implementation demonstrating how to build, deploy, and scale microfrontends using Vite, Module Federation, React 19, and PNPM workspaces. The apps are served using the same nginx server, removing bottlenecks for maintaining a different remote server which becomes a major challenge

An exposed module federated app.

Includes webpack configs with react (ssr, mf, simple)

React platform implementing micro-frontend architecture version 1.0 through https://webpack.js.org/concepts/module-federation/

A sample app to demonstrate webpack's module federation capabilities.

Habit Tracking with module federation