Skip to content
Personal products10 / 11

Valofy Overlay

A live broadcast tool with separate Studio and OBS renderer layers, presenting rank, RR, agents, and match form through customizable modules.

Field
OBS Browser Source
Year
2026
01

Contribution and approach

I developed the live-preview experience for editing themes, branding, modules, and layouts in Overlay Studio, plus the renderer that draws the same configuration from a single OBS Browser Source link. Card and free-layout engines share one module set, with resilient data refresh, stale-while-error behavior, and reduced-motion-aware match and rank animations.

02

Technologies

  • React
  • TypeScript
  • Vite
  • Browser APIs
  • Motion
Valofy Overlay Studio with an in-game live preview and broadcast account settings

Valofy Overlay Studio with an in-game live preview and broadcast account settings

Open project ↗