ui-useframe

What problem does it solve?

Sync DOM-based UI outside the Canvas with updates from the render loop, enabling real-time HUDs and overlays without embedding UI in the 3D scene.

Core Features & Use Cases

• External useFrame: run outside the Canvas to update DOM elements in sync with 3D.
• Ref-based DOM updates: manipulate DOM nodes directly for performance.
• Throttling: optionally throttle updates with the fps option to reduce DOM work.
• Use Cases: HUDs, debug panels, and UI that doesn't require 3D space.

Quick Start

Create a UI component outside the Canvas and update its DOM content on every frame with useFrame.