Shadowgraph
TrendingBuzzResearch
Chrome extension
Sign in

module-federation/module-federation-examples

Implementation examples of module federation , by the creators of module federation

JavaScript

6,142

3,023 commits

updated Jul 8, 2026

module-federation.io

See the code

README

Module Federation Examples

This repository is to showcase examples of how Webpack 5's new Module Federation can be used.

Module Federation Universe

List of Examples

Click here to see the detailed list of examples in this repo Full Examples List

Check out our book

Practical Module Federation BookWe will be actively updating this book over the next year as we learn more about best practices and what issues people are running into with Module Federation, as well as with every release of Webpack as it moves towards a release candidate and release. So with your one purchase you are buying a whole year of updates.

Consultations

1 Hour group consultation$100
30 Min 1:1 consultation$60
15 Min 1:1 consultation$30
Bespoke API modifications and hands on code$300-$500/hr

Deploy with Zephyr Cloud

Zephyr Cloud Logo

Zephyr Cloud is a cloud deployment provider that integrates directly into your build with zero config.

  • Automatically deploys your federated applications during the build process - simply save your code and get a URL in seconds.
  • Works with Webpack, Vite, Rspack, and more.
  • Deploy using BYOC to any cloud provider.
  • Manages complex multi-artifact deployments across different release cadences, handles micro frontend dependency management automatically, and provides version rollback and roll-forward capabilities.

Start for free today at zephyr-cloud.io.

Notes

The examples in this repository leverage pnpm and workspaces. To run from a git checkout locally, remove all of the proprietary example directories, ensure you have pnpm installed and run install pnpm i at the repo root. You can then run pnpm start from any of the non-proprietary examples. Some examples may use a different command such as "dev" or "serve".

Module federation will work with any type of file that you're able to import, that Webpack understands how to process. It is not a JS only, or React only feature. Images, CSS, JSON, WASM, and anything else can be federated.

Companies using Module Federation

  • Netflix
  • Auth0
  • Best Buy
  • SAP
  • AWS
  • SemRush
  • Ford Motor Company
  • JPMorgan Chase
  • Microsoft
  • Lululemon
  • Housing.com
  • VMware
  • Talkdesk
  • Cricket Wireless
  • Reddit
  • Bytedance
  • Rivian (in the cars themselves)
  • Realtor.com
  • FICO
  • Digital Ocean
  • Alibaba
  • Tencent
  • Wayfair
  • RingCentral
  • Indeed
  • Telia
  • Beamery
  • Amazon
  • Sony
  • Paypal
  • OVO Energy
  • MGM
  • Lowes
  • Home Depot
  • Epic Games
  • ExpediaGroup
  • Verizon
  • MindTickle
  • Experian
  • Herodevs
  • CloudFlare
  • Cisco
  • Business Insider
  • Box.com
  • AfterPay
  • OLX
  • Shopify
  • adidas
  • Zomato
  • SHIELD
  • PayNet (Payments Network Malaysia)
  • and many more I cant remember

Contribution to this repo

You decided to contribute to this project? Great, thanks a lot for pushing it!

demo
examples
federated
federation
federation-dashboard
module
module-federation
nextjs
stream-federated

Project health

Overall

4.5/10

Maintained

0/10

Code review

1/10
OpenSSF Scorecard

Significant stargazers

(top 24 of 36)

James George

1,294 followers · starred Jun 2020

Dmitry Semigradsky

191 followers · starred Jun 2020

Anton Reshetov

335 followers · starred Oct 2022

Travis Van Nimwegen

426 followers · starred Jul 2024

Similar repos

module-federation/universe

Module Federation is a concept that allows developers to share code and resources across multiple…

2,660

same org

module-federation/core

Module Federation is a concept that allows developers to share code and resources across multiple…

2,660

same org

module-federation/vite

Vite Plugin for Module Federation

887

same org

amruthpillai/Microfrontend-Exploration

An exploration into micro-frontends with React (or any framework) powered by Webpack Module…

4

rajasegar/awesome-micro-frontends

An Awesome list of posts, videos and tutorials on Micro Frontends

1,285

originjs/vite-plugin-federation

Module Federation for vite & rollup

3,044

web-infra-dev/modern-js-examples

Examples for Modern.js web engineering system

41

umijs/qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.

16,698

module-federation/module-federation-examples

Implementation examples of module federation , by the creators of module federation

JavaScript

6,142

3,023 commits

updated Jul 8, 2026

module-federation.io

See the code

README

Module Federation Examples

This repository is to showcase examples of how Webpack 5's new Module Federation can be used.

Module Federation Universe

List of Examples

Click here to see the detailed list of examples in this repo Full Examples List

Check out our book

Practical Module Federation BookWe will be actively updating this book over the next year as we learn more about best practices and what issues people are running into with Module Federation, as well as with every release of Webpack as it moves towards a release candidate and release. So with your one purchase you are buying a whole year of updates.

Consultations

1 Hour group consultation$100
30 Min 1:1 consultation$60
15 Min 1:1 consultation$30
Bespoke API modifications and hands on code$300-$500/hr

Deploy with Zephyr Cloud

Zephyr Cloud Logo

Zephyr Cloud is a cloud deployment provider that integrates directly into your build with zero config.

  • Automatically deploys your federated applications during the build process - simply save your code and get a URL in seconds.
  • Works with Webpack, Vite, Rspack, and more.
  • Deploy using BYOC to any cloud provider.
  • Manages complex multi-artifact deployments across different release cadences, handles micro frontend dependency management automatically, and provides version rollback and roll-forward capabilities.

Start for free today at zephyr-cloud.io.

Notes

The examples in this repository leverage pnpm and workspaces. To run from a git checkout locally, remove all of the proprietary example directories, ensure you have pnpm installed and run install pnpm i at the repo root. You can then run pnpm start from any of the non-proprietary examples. Some examples may use a different command such as "dev" or "serve".

Module federation will work with any type of file that you're able to import, that Webpack understands how to process. It is not a JS only, or React only feature. Images, CSS, JSON, WASM, and anything else can be federated.

Companies using Module Federation

  • Netflix
  • Auth0
  • Best Buy
  • SAP
  • AWS
  • SemRush
  • Ford Motor Company
  • JPMorgan Chase
  • Microsoft
  • Lululemon
  • Housing.com
  • VMware
  • Talkdesk
  • Cricket Wireless
  • Reddit
  • Bytedance
  • Rivian (in the cars themselves)
  • Realtor.com
  • FICO
  • Digital Ocean
  • Alibaba
  • Tencent
  • Wayfair
  • RingCentral
  • Indeed
  • Telia
  • Beamery
  • Amazon
  • Sony
  • Paypal
  • OVO Energy
  • MGM
  • Lowes
  • Home Depot
  • Epic Games
  • ExpediaGroup
  • Verizon
  • MindTickle
  • Experian
  • Herodevs
  • CloudFlare
  • Cisco
  • Business Insider
  • Box.com
  • AfterPay
  • OLX
  • Shopify
  • adidas
  • Zomato
  • SHIELD
  • PayNet (Payments Network Malaysia)
  • and many more I cant remember

Contribution to this repo

You decided to contribute to this project? Great, thanks a lot for pushing it!

demo
examples
federated
federation
federation-dashboard
module
module-federation
nextjs
stream-federated

Project health

Overall

4.5/10

Maintained

0/10

Code review

1/10
OpenSSF Scorecard

Significant stargazers

(top 24 of 36)

James George

1,294 followers · starred Jun 2020

Dmitry Semigradsky

191 followers · starred Jun 2020

Anton Reshetov

335 followers · starred Oct 2022

Travis Van Nimwegen

426 followers · starred Jul 2024

Similar repos

module-federation/universe

Module Federation is a concept that allows developers to share code and resources across multiple…

2,660

same org

module-federation/core

Module Federation is a concept that allows developers to share code and resources across multiple…

2,660

same org

module-federation/vite

Vite Plugin for Module Federation

887

same org

amruthpillai/Microfrontend-Exploration

An exploration into micro-frontends with React (or any framework) powered by Webpack Module…

4

rajasegar/awesome-micro-frontends

An Awesome list of posts, videos and tutorials on Micro Frontends

1,285

originjs/vite-plugin-federation

Module Federation for vite & rollup

3,044

web-infra-dev/modern-js-examples

Examples for Modern.js web engineering system

41

umijs/qiankun

📦 🚀 Blazing fast, simple and complete solution for micro frontends.

16,698