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 | 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 | ## ๐Ÿš€ 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) | npm version | ๐Ÿ”ต **Preview** | Micro-frontend framework with ESM linking | | [**@esmx/router**](https://github.com/esmnext/esmx/tree/master/packages/router) | npm version | ๐Ÿ”ต **Preview** | Framework-agnostic router | | [**@esmx/router-vue**](https://github.com/esmnext/esmx/tree/master/packages/router-vue) | npm version | ๐Ÿ”ต **Preview** | Vue integration (2.7+ & 3) | | [**@esmx/router-react**](https://github.com/esmnext/esmx/tree/master/packages/router-react) | npm version | ๐Ÿ”ต **Preview** | React integration (18+) | | [**@esmx/rspack**](https://github.com/esmnext/esmx/tree/master/packages/rspack) | npm version | ๐Ÿ”ต **Preview** | Framework-agnostic Rspack tool | | [**@esmx/rspack-vue**](https://github.com/esmnext/esmx/tree/master/packages/rspack-vue) | npm version | ๐Ÿ”ต **Preview** | Rspack tool for Vue | | [**@esmx/rspack-react**](https://github.com/esmnext/esmx/tree/master/packages/rspack-react) | npm version | ๐Ÿ”ต **Preview** | Rspack tool for React | | [**@esmx/rsbuild**](https://github.com/esmnext/esmx/tree/master/packages/rsbuild) | npm version | ๐Ÿ”ต **Preview** | Framework-agnostic Rsbuild tool | | [**@esmx/rsbuild-vue**](https://github.com/esmnext/esmx/tree/master/packages/rsbuild-vue) | npm version | ๐Ÿ”ต **Preview** | Rsbuild tool for Vue | | [**@esmx/rsbuild-react**](https://github.com/esmnext/esmx/tree/master/packages/rsbuild-react) | npm version | ๐Ÿ”ต **Preview** | Rsbuild tool for React | | [**@esmx/vite**](https://github.com/esmnext/esmx/tree/master/packages/vite) | npm version | ๐Ÿ”ต **Preview** | Framework-agnostic Vite tool | | [**@esmx/vite-vue**](https://github.com/esmnext/esmx/tree/master/packages/vite-vue) | npm version | ๐Ÿ”ต **Preview** | Vite tool for Vue | | [**@esmx/vite-react**](https://github.com/esmnext/esmx/tree/master/packages/vite-react) | npm version | ๐Ÿ”ต **Preview** | Vite tool for React | | [**@esmx/import**](https://github.com/esmnext/esmx/tree/master/packages/import) | npm version | ๐Ÿ”ต **Preview** | Import map utilities | | [**@esmx/pkg-wrapper**](https://github.com/esmnext/esmx/tree/master/packages/pkg-wrapper) | npm version | ๐Ÿ”ต **Preview** | CJS / ESM named-export wrappers for federation entries | | [**create-esmx**](https://github.com/esmnext/esmx/tree/master/packages/create-esmx) | npm version | ๐Ÿ”ต **Preview** | Project scaffolding tool | ## ๐ŸŽฏ Demo Projects | Project Name | Tech Stack | Live 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](https://star-history.dera.page/svg?repos=esmnext/esmx&type=Date)](https://star-history.dera.page/#esmnext/esmx&Date)