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 + Import Map, no sandbox or proxy
- High-Performance Build - Powered by Rspack, 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
| Feature | Traditional Solutions | Esmx |
|---|---|---|
| Architecture | Manual sandbox + proxy | Native ESM |
| Runtime Overhead | Has | Zero |
| Learning Curve | Framework APIs | Standard syntax |
| Module Isolation | Sandbox simulation | Browser native isolation |
npx create-esmx@latest my-app๐ 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/router-react | ๐ต Preview | React integration (18+) | |
| @esmx/rspack | ๐ต Preview | Framework-agnostic Rspack tool | |
| @esmx/rspack-vue | ๐ต Preview | Rspack tool for Vue | |
| @esmx/rspack-react | ๐ต Preview | Rspack tool for React | |
| @esmx/import | ๐ต Preview | Import map utilities | |
| create-esmx | ๐ต Preview | Project scaffolding tool |
| Project Name | Tech Stack | Live Preview |
|---|
๐ก Development: First run
pnpm buildto build all packages and examples, thencdto specific project directory to start development