Each demo is a real page built from independently deployed FynApps. Open the Federation Inspector from its corner badge to see which app supplied each shared module.
Thirteen FynApps load into one page. React 18 and React 19 apps run next to Vue, Preact, Solid, Svelte and Marko, and each gets the React copy it was built for.
A layout middleware builds the page from FynApps. Pick an app and a region, and the shell places it there while the page runs.
A larger app built from ten FynApps. A shipments grid, a live fleet map and analytics each load on their own route, and they share React, AG Grid and ECharts at runtime.
An analytics suite of four FynApps that runs inside the shell. A mode switch reloads it raw, with combined chunks, or with combined chunks plus preload hints, and a panel shows what each mode costs.
Micro frontends built with webpack before Module Federation often load as AMD bundles through RequireJS, with React and a UI kit as externals. Every component is locked to the one React the page supplies, so a React major means updating all of them. Here the common web package is a FynApp that serves React and the UI kit from federation to the unchanged bundles. Two sets of the same widgets run side by side, each on the legacy CWP or the federated one. Ordinary FynApps on the same page share that React or bring another major.
Every FynApp in these demos is a separate Rollup build with its own manifest. The page loads only the kernel, which resolves each app by name and range, boots its dependencies first, and shares one copy of each library that fits.