v3.0.0-rc.117 Preview

A Universal Rendering FrameworkBuilt on Native ESM

Based on native ESM + Import Maps, with CSR/SSR and module linking. Compose applications and share code through the browser's native module system — zero extra runtime overhead.

GitHub@esmx/core v3.0.0-rc.117MIT License
vue
react
preact
Esmx
html
solid
shared
utils

Why Esmx?

Traditional approaches lean on simulation and wrapper layers that add runtime overhead — Esmx solves it at the root with native mechanisms

Traditional
Runtime sandbox simulation with heavy performance cost
Custom module loaders, incompatible with the standard
Proxy-hijacked globals make debugging hard
Esmx
Browser-native ESM loading, zero extra runtime overhead, natural isolation via module scope
Traditional
Runtime sandbox simulation with heavy performance cost
Custom module loaders, incompatible with the standard
Proxy-hijacked globals make debugging hard
Esmx
Standard ESM import/export syntax, zero learning curve, mix any frameworks
Traditional
Runtime sandbox simulation with heavy performance cost
Custom module loaders, incompatible with the standard
Proxy-hijacked globals make debugging hard
Esmx
Flexible SSR strategy, high-performance Rspack builds, cross-app sharing via Module Linking

Core Features

Six core capabilities that redefine the micro-frontend experience

Zero Runtime Overhead

Browser-native ESM loading — no sandbox, proxy, or wrapper layers. Modules load and run directly, cutting runtime overhead dramatically versus traditional approaches.

Standard ESM Syntax

Use the familiar import/export — zero learning curve. No proprietary APIs to master; it feels just like writing a normal app.

SSR Support

Flexible server-side rendering, SEO-friendly with a fast first paint. Every app can be server-rendered independently.

Mix Any Framework

Vue, React, Preact and native HTML work out of the box; Solid, Svelte and more via simple config. Never locked into a single framework.

Module Linking

Cross-app module sharing via ESM Import Maps — dependencies resolved at build time, loaded directly at runtime. No redundant bundling, real module reuse.

High-Performance Builds

Powered by Rspack (Rust-driven): fast builds, Webpack ecosystem compatibility, with HMR, code splitting and content-hash caching.

Start in 3 Minutes

One command to scaffold a project and start developing right away

Terminal
$npm create esmx@latest my-app
Project created successfully
$cd my-app && npm install
$npm run dev
Ready on http://localhost:3000
$
src/entry.node.ts
import type { EsmxOptions } from '@esmx/core';
 
export default {
  modules: {
    links: {
      shared: '../shared-modules/dist'
    },
    imports: {
      vue: 'shared-modules/vue',
      utils: 'shared-modules/utils'
    }
  }
} satisfies EsmxOptions;

Works with Any Frontend Framework

Not bound to any framework — pick the stack that fits your use case best

Nine Frameworks, One App

Switch frameworks with one click and no page reload — feel native ESM at its best

Try It Now