https://github.com/esmnext/esmx

Next-generation micro-frontend framework based on ESM, sandbox-free with zero runtime overhead, supporting multi-framework hybrid development
https://github.com/esmnext/esmx

esm esmodule esmodules framework javascript micro-frontend micro-frontends microfrontend microfrontends react react-router router rspack ssr vite vue vue-router

Last synced: about 4 hours ago
JSON representation

Next-generation micro-frontend framework based on ESM, sandbox-free with zero runtime overhead, supporting multi-framework hybrid development

Host: GitHub
URL: https://github.com/esmnext/esmx
Owner: esmnext
License: mit
Created: 2020-04-04T03:46:26.000Z (almost 6 years ago)
Default Branch: master
Last Pushed: 2026-01-31T08:03:00.000Z (2 days ago)
Last Synced: 2026-01-31T20:54:57.026Z (1 day ago)
Topics: esm, esmodule, esmodules, framework, javascript, micro-frontend, micro-frontends, microfrontend, microfrontends, react, react-router, router, rspack, ssr, vite, vue, vue-router
Language: TypeScript
Homepage: https://esmx.dev
Size: 12.4 MB
Stars: 659
Watchers: 24
Forks: 66
Open Issues: 2
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

awesome-rstack - Esmx - generation micro-frontend framework based on native ESM, with no sandbox or runtime overhead, supporting multi-framework hybrid development and providing high-performance server-side rendering capabilities. (Resources / Ecosystem)

README

          


  

  Esmx

  

  

    

    

    

    

    

  

  

  Next-generation micro-frontend framework based on ESM with zero runtime overhead, supporting sandbox-free multi-framework hybrid development

  

  ⚡️ Ultimate Performance · 🛠️ Developer Friendly · 🔧 Standard Syntax

  

  

    English | 简体中文

  



## 🚀 Core Features

- **Zero Runtime Overhead** - Based on native ESM + ImportMap, no sandbox or proxy

- **High-Performance Build** - Powered by Rspack, significantly faster builds

- **Complete SSR Support** - High-performance server-side rendering, SEO-friendly

- **Standard ESM Syntax** - No framework-specific APIs, minimal learning curve

- **Multi-Framework Support** - Vue, React, Preact, Solid, and more

## 📊 vs Traditional Micro-frontends

| Feature | Traditional Solutions | Esmx |

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

| **Architecture** | Manual sandbox + proxy | Native ESM |

| **Runtime** | Has overhead | Zero overhead |

| **Learning Curve** | Framework APIs | Standard syntax |

| **Module Isolation** | Sandbox simulation | Browser native |

## 🚀 Getting Started

```bash

npx create-esmx@latest my-app

```

📖 [Documentation](https://esmx.dev/guide/start/getting-started.html)

## 📦 Core Packages

| Package | Version | Status | Description |

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

| [**@esmx/core**](https://github.com/esmnext/esmx/tree/master/packages/core) |  | 🔵 **Preview** | Micro-frontend framework with ESM linking |

| [**@esmx/router**](https://github.com/esmnext/esmx/tree/master/packages/router) |  | 🔵 **Preview** | Framework-agnostic router |

| [**@esmx/router-vue**](https://github.com/esmnext/esmx/tree/master/packages/router-vue) |  | 🔵 **Preview** | Vue integration (2.7+ & 3) |

| [**@esmx/rspack**](https://github.com/esmnext/esmx/tree/master/packages/rspack) |  | 🔵 **Preview** | Framework-agnostic Rspack tool |

| [**@esmx/rspack-vue**](https://github.com/esmnext/esmx/tree/master/packages/rspack-vue) |  | 🔵 **Preview** | Rspack tool for Vue |

## 🎯 Demo Projects

| Project Name | Tech Stack | Live Preview |

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

| [**ssr-html**](https://github.com/esmnext/esmx/tree/master/examples/ssr-html) | Native HTML + TypeScript | [Preview](https://esmx.dev/ssr-html/) |

| [**ssr-vue2-host**](https://github.com/esmnext/esmx/tree/master/examples/ssr-vue2-host) | Vue 2.7 + SSR | [Preview](https://esmx.dev/ssr-vue2-host/) |

| [**ssr-vue2-remote**](https://github.com/esmnext/esmx/tree/master/examples/ssr-vue2-remote) | Vue 2.7 | [Preview](https://esmx.dev/ssr-vue2-remote/) |

| [**ssr-preact-htm**](https://github.com/esmnext/esmx/tree/master/examples/ssr-preact-htm) | Preact + HTM | [Preview](https://esmx.dev/ssr-preact-htm/) |

---

> 💡 **Development**: First run `pnpm build` to build all packages and examples, then `cd` to specific project directory to start development

## 📈 Star History

[![Star History Chart](https://api.star-history.com/svg?repos=esmnext/esmx&type=Date)](https://www.star-history.com/#esmnext/esmx&Date)