README.md

June 15, 2026 · View on GitHub

Esmx Logo

Esmx

npm version Build Coverage Report node version size

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 + Import Map, no sandbox or proxy
  • High-Performance Build - Powered by Rspack, Rsbuild or Vite, significantly faster builds
  • Complete SSR Support - High-performance SSR, 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

FeatureTraditional SolutionsEsmx
ArchitectureManual sandbox + proxyNative ESM
Runtime OverheadHasZero
Learning CurveFramework APIsStandard syntax
Module IsolationSandbox simulationBrowser native isolation

🚀 Getting Started

npx create-esmx@latest my-app

📖 Documentation

📦 Core Packages

PackageVersionStatusDescription
@esmx/corenpm version🔵 PreviewMicro-frontend framework with ESM linking
@esmx/routernpm version🔵 PreviewFramework-agnostic router
@esmx/router-vuenpm version🔵 PreviewVue integration (2.7+ & 3)
@esmx/router-reactnpm version🔵 PreviewReact integration (18+)
@esmx/rspacknpm version🔵 PreviewFramework-agnostic Rspack tool
@esmx/rspack-vuenpm version🔵 PreviewRspack tool for Vue
@esmx/rspack-reactnpm version🔵 PreviewRspack tool for React
@esmx/rsbuildnpm version🔵 PreviewFramework-agnostic Rsbuild tool
@esmx/rsbuild-vuenpm version🔵 PreviewRsbuild tool for Vue
@esmx/rsbuild-reactnpm version🔵 PreviewRsbuild tool for React
@esmx/vitenpm version🔵 PreviewFramework-agnostic Vite tool
@esmx/vite-vuenpm version🔵 PreviewVite tool for Vue
@esmx/vite-reactnpm version🔵 PreviewVite tool for React
@esmx/importnpm version🔵 PreviewImport map utilities
@esmx/pkg-wrappernpm version🔵 PreviewCJS / ESM named-export wrappers for federation entries
create-esmxnpm version🔵 PreviewProject scaffolding tool

🎯 Demo Projects

Project NameTech StackLive Preview

💡 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