Skip to content

Install the plugin

From Fab Marketplace

  1. In Epic Games Launcher, find Unreal React Bridge on Fab → Add to Project.
  2. Open your project. In Edit → Plugins → Web, confirm both Unreal React Bridge and WebBrowser Widget are enabled. Restart the editor.

That's it. The Fab download lands one folder, Plugins/UnrealReactBridge/, containing:

  • binaries + runtime source
  • two demo mapsContent/Maps/L_OfflineDemo (30-second smoke test) and Content/Maps/L_MultiHUDDemo (the buyer-facing five-HUD showcase)
  • two prebuilt web appsResources/WebDemo/ (offline HTML) and Resources/WebDemo-MultiHUD/ (the prebuilt React multi-HUD bundle that L_MultiHUDDemo loads — no Node required)
  • a read-only docs-lookup MCP serverResources/MCP/ (point your coding agent at it; see AI Agent MCP)

The repo's SampleProject/, web/sdk/examples/, and launch-project.sh are not in the Fab package.

Local install from source

  1. Copy SampleProject/Plugins/UnrealReactBridge from the source tree into your project's Plugins/ folder.
  2. Regenerate project files and rebuild.
  3. Restart the editor and enable the plugin under Edit → Plugins → Web.

Verify it works (no Node)

  1. Content Browser → top-right Show Plugin Content → filter to UnrealReactBridge.
  2. Open Content/Maps/L_OfflineDemo and press Play.

You should see a HUD card with three live panels (bridge status, UE→Web HP counter, Web→UE buttons). See Offline demo if anything is missing.

➡️ Next: Your first React HUD (requires Node + a dev server).

Released under the MIT License.