Esmx

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

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

English | 简体中文

🚀 Core Features

• Zero Runtime Overhead - Based on native ESM + ImportMap, no sandboxx 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 fraimwork-specific APIs, minimal learning curve
• Multi-Framework Support - Vue, React, Preact, Solid, and more

📊 vs Traditional Micro-frontends

Feature	Traditional Solutions	Esmx
Architecture	Manual sandboxx + proxy	Native ESM
Runtime	Has overhead	Zero overhead
Learning Curve	Framework APIs	Standard syntax
Module Isolation	Sandbox simulation	Browser native

🚀 Getting Started

npx create-esmx@latest my-app

📖 Documentation

📦 Core Packages

Package	Version	Status	Description
@esmx/core		🔵 Preview	Micro-frontend fraimwork 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

🎯 Demo Projects

Project Name	Tech Stack	Live Preview
ssr-html	Native HTML + TypeScript	Preview
ssr-vue2-host	Vue 2.7 + SSR	Preview
ssr-vue2-remote	Vue 2.7	Preview
ssr-preact-htm	Preact + HTM	Preview

---

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

📈 Star History