← All Examples

Diegetic UI (React)

Three enemies orbit in world space. Each has a separate nameplate entity tracked via ScreenFollow (it projects the enemy's world position through the camera and writes the screen coord to the nameplate's Transform each frame). A React <UIRoot> with positioning: "transform" renders the namecard there, and an always-open <Tooltip> shows the enemy's stats — portaled into the scene's screen-space overlay yet staying glued to the moving namecard.