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 | 简体中文

• 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

// Remote App - Export modules
export default {
  modules: { exports: ['npm:vue', 'root:src/Button.vue'] }
}
// Host App - Import modules
export default {
  modules: {
    links: { 'remote': './node_modules/remote' },
    imports: { 'vue': 'remote/vue' }
  }
}
// Using standard ESM syntax
import { createApp } from 'vue';
import Button from 'remote/src/Button.vue';

📖 Documentation

Package	Version	Status	Description
@esmx/core		🔵 Preview	Micro-frontend framework with ESM linking
@esmx/router		🔵 Preview	Framework-agnostic router
@esmx/router-vue		🔵 Preview	Vue integration (2.7+ & 3)
@esmx/rspack		🔵 Preview	Framework-agnostic Rspack tool
@esmx/rspack-vue		🔵 Preview	Rspack tool for Vue

💡 Development: First run ./build.mjs to build all packages and examples, then cd to specific project directory to start development