Runnable examples

Offline demo (no Node required)

Map: L_OfflineDemo · Source: SampleProject/Plugins/UnrealReactBridge/Resources/WebDemo/index.html

Single static HTML file that exercises all three bridge directions. Lives inside the plugin and ships in the Fab package. Open the map and press Play — see Offline demo for the full walkthrough.

React + Vite examples

Each example is a standalone Vite project under web/sdk/examples/. Clone the repo, cd into one, pnpm install && pnpm dev, then point your HUD's URL at http://localhost:5173 (or use one of the named routes for multi-hud).

basic-hud

Single HUD with health bar and a button. Shortest path from zero.

chat-system

Chat input, send to UE, broadcast back to other HUDs. Demonstrates Enter/Esc focus toggle.

game-menu

Modal menu with Center anchor. Toggle visibility from BP.

multi-hud

The flagship — four HUDs at four anchors, skill bar with cooldowns, minimap, chat. Driven by one BP per layer.

TIP

Start with basic-hud to confirm the bridge is alive, then jump to multi-hud to see the full anchor + routing pattern.