🔧
フレームワーク非依存
React、Vue、Svelte、Angular、Vanilla JSのマイクロアプリを1つのシェルで混在させられます。
Tuvix.jsマイクロフロントエンドフレームワーク
LightweightでフレームワークAgnosticなOrchestrator。React、Vue、Svelte、Angular、Vanilla JSでスケーラブルかつ独立してデプロイ可能なフロントエンドアプリを構築しましょう。
Skip to content
クイックインストール
bash
npm install tuvix.js14パッケージ · 10言語 · MITライセンス
コアパッケージ
@tuvix.js/core
Core
The orchestrator — registers, mounts, and manages all micro app lifecycles.
@tuvix.js/router
Router
URL-based micro app routing with history and hash mode support.
@tuvix.js/event-bus
Event Bus
Typed inter-app communication. Publish and subscribe across micro apps.
@tuvix.js/loader
Loader
Dynamic module loading with caching, retry and error boundary support.
@tuvix.js/sandbox
Sandbox
CSS and JS isolation using Shadow DOM and JS Proxy. Prevent style leakage.
フレームワークバインディング
@tuvix.js/react
React
React 18+ bindings with hooks — useMicroApp, useTuvixEvent.
@tuvix.js/vue
Vue
Vue 3 bindings with composables — useMicroApp, useTuvixEvent.
@tuvix.js/svelte
Svelte
Svelte 3/4/5 bindings with reactive stores and lifecycle integration.
@tuvix.js/angular
Angular
Angular 15+ module, service and directive bindings for micro apps.
ツール
@tuvix.js/devtools
DevTools
In-browser debug panel. Inspect registered apps, events and loader state.
@tuvix.js/server
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.