Tuvix.jsMicrofrontend Framework

A lightweight, framework-agnostic orchestrator. Build scalable, independently deployable frontend applications with React, Vue, Svelte, Angular or Vanilla JS.

🔧

Framework Agnostic

Mix React, Vue, Svelte, Angular, and Vanilla JS micro apps in a single shell - all at the same time.

📦

Zero Runtime Dependencies

Every package ships with zero runtime dependencies. Tree-shakeable and tiny on the wire.

🔀

Built-in Routing

URL-based micro app activation. Mount and unmount apps automatically as the route changes.

📡

Event Bus

Typed publish/subscribe communication between micro apps without shared globals.

🔒

CSS & JS Sandbox

Shadow DOM style isolation and JS Proxy scope isolation. No more style leakage.

⚡

Dynamic Loading

Load micro app bundles on demand with caching, retry logic and error boundaries.

🛠️

DevTools

In-browser debug panel to inspect registered apps, active routes and event bus traffic.

🖥️

SSR Ready

Server-side composition with @tuvix.js/server - pre-render and stitch HTML on the server.

Quick Install

bash

# Umbrella package (includes everything)
npm install tuvix.js

# Or install individual packages
npm install @tuvix.js/core @tuvix.js/router @tuvix.js/event-bus

14 Packages · 10 Languages · MIT License

Tuvix.js ships as a collection of focused, independently versioned packages. Click any package below to explore its API and examples.

Core Packages

The orchestrator — registers, mounts, and manages all micro app lifecycles.

@tuvix.js/router

URL-based micro app routing with history and hash mode support.

@tuvix.js/event-bus

Typed inter-app communication. Publish and subscribe across micro apps.

@tuvix.js/loader

Dynamic module loading with caching, retry and error boundary support.

@tuvix.js/sandbox

CSS and JS isolation using Shadow DOM and JS Proxy. Prevent style leakage.

Framework Bindings

@tuvix.js/react

React 18+ bindings with hooks — useMicroApp, useTuvixEvent.

Vue 3 bindings with composables — useMicroApp, useTuvixEvent.

@tuvix.js/svelte

Svelte 3/4/5 bindings with reactive stores and lifecycle integration.

@tuvix.js/angular

Angular 15+ module, service and directive bindings for micro apps.

Tooling

@tuvix.js/devtools

In-browser debug panel. Inspect registered apps, events and loader state.

@tuvix.js/server

Server-side composition — pre-render and stitch micro app HTML on the server.

@tuvix.js/module-federation

Module Federation

Webpack 5 Module Federation integration for sharing remote micro apps.

create-tuvix-app

create-tuvix-app

CLI scaffolding tool. Instantly bootstrap a Tuvix.js micro app project.