---
pageType: home

hero:
  name: Module Federation
  text: Micro-Frontend Architecture
  tagline: Make it easier to share code between javascript applications and make team collaboration more efficient
  actions:
    - theme: brand
      text: 🎉 2.0 Announcement
      link: /blog/announcement.html
    - theme: alt
      text: Quick Start
      link: /guide/start/quick-start.html
  image:
    src: /svg.svg
    alt: module federation Logo
features:
  - title: Code Sharing
    details: Module Federation allows developers to share code between multiple projects in a decentralized way, making it easier to manage complex applications.
    icon: ⚡
  - title: Modularization
    details: Applications can be split into smaller, self-contained modules that can be independently developed, tested, and deployed.
    icon: 📦
  - title: Flexibility
    details: Module federation offers developers the freedom to choose and implement the architecture that best suits their needs.
    icon: 🎯
  - title: Rspack
    details: Supports Rspack and Webpack builds, accelerating your application builds.
    icon: 🦀
  - title: Development Experience
    details: Module federation supports dynamic type hints and chrome devtool to enhance the development experience.
    icon: 🚀
  - title: Plugin System
    details: Hooks allow you to quickly define your own plugins to control the behavior of module loading.
    icon: 🎨
---