Micro-Frontend Architecture

Ship independently.
Compose at runtime.

Coordination between engineering teams — different timezones, separate sprints, conflicting priorities — is painful. Someone's always waiting on someone else. Hyperfrontend lets each team ship on their own schedule. No more "we're blocked on Platform."

$npx nx add @hyperfrontend/features
TypeScriptMIT LicenseZero runtime deps

Chess

Multiplayer chess with real-time sync

Live demo placeholder — embed your micro-frontend here

How it works

Each feature operates in its own iframe with standardized communication via the @hyperfrontend/nexus library. Messages are routed through a broker-channel architecture with optional encryption.

Host Application

Your main app loads features dynamically and manages their lifecycle. No build-time dependencies.

Feature Shell

A lightweight loader that bootstraps your micro-frontend and establishes the communication channel.

Message Broker

Routes typed messages between contexts with validation. Supports encryption for sensitive data.