What is UnrealReactBridge?

UnrealReactBridge mounts React apps as game HUDs inside Unreal Engine 5.7+ and wires them to gameplay through two typed channels.

Two channels

Channel	Direction	UE side	React side
Events	bidirectional	ReactBridgeSender.PushFloat/... · ReactBridgeReceiver.OnReceived	useUnrealState · useUnrealEvent · useUnrealBridge().send
Keyboard	UE → React	SendKeyToWeb(EReactKey::Q, Down)	useUnrealKeybinding(ReactKey.Q, cb)

Events carry custom payloads (HP, inventory, button clicks). Keyboard is a dedicated typed channel for key presses you've already captured via Enhanced Input — the plugin doesn't own input itself.

What you get

• Multi-layer HUDs at 9 named anchors. One Blueprint node per layer. Transparent overlays compose with the 3D scene.
• Ship React, not Slate. Your design system, animation tools, DevTools, and CSS stack — unchanged.
• Published wire protocol. Drop the SDK and use Vue, Svelte, or vanilla JS over the same window.ue.bridge surface.

Next

• How it works — the pipeline from BP node to React mount.
• Install the plugin.