Stream Widget Setup

Add these overlays to OBS in a few clicks

How to add any widget to OBS

  1. 1.Open OBS Studio and select the scene you want to add the widget to.
  2. 2.Click the + button in the Sources panel → choose "Browser".
  3. 3.Give it a name (e.g. "Battle Randomizer Widget").
  4. 4.Paste the URL below into the URL field.
  5. 5.Set Width and Height to the values shown below.
  6. 6.Check "Refresh browser when scene becomes active" (optional but recommended).
  7. 7.Click OK — the widget will appear. Drag/resize it to position on your scene.
  8. 8.To interact with buttons (e.g. spin): right-click the source → Interact.

Battle Randomizer

Full randomizer — site selector, budget, borrow, case count, toggles, dual wheels, and result screen.

640 × 360
px
Browser Source URL
https://headedbattle.base44.app/randomizer-widget.html
Width
640
Height
360
ℹFully interactive in OBS (right-click source → Interact). Select site, enter budget, hit spin — fades to result with case list.
→ Preview widget in browser

Bonus Hunt Tracker (Full Widget)

Fully interactive bonus hunt — create hunts, add bonuses, enter payouts, and see results. All in OBS.

540 × 760
px
Browser Source URL
https://headedbattle.base44.app/bonus-hunt-full-widget.html
Width
540
Height
760
ℹFully interactive in OBS (right-click source → Interact). Standalone — no separate app window needed. Data syncs to the overlay widget automatically.
→ Preview widget in browser

Bonus Hunt Overlay (Read-Only)

Compact live overlay — auto-scrolling list of bonuses with stats. Reads from the Full Widget or the web app.

320 × 360
px
Browser Source URL
https://headedbattle.base44.app/bonus-hunt-widget.html
Width
320
Height
360
ℹWorks alongside either the Full Widget or the web app. Refreshes every 3s from localStorage.
→ Preview widget in browser

Tourney Maker (Full Widget)

Fully interactive bracket — add players, shuffle seeds, declare winners, set win amounts. Completely standalone in OBS.

900 × 700
px
Browser Source URL
https://headedbattle.base44.app/tourney-widget.html
Width
900
Height
700
ℹFully interactive in OBS (right-click source → Interact). Standalone — no separate app window needed. All data saved locally in OBS.
→ Preview widget in browser

⚠️ Important for Bonus Hunt & Tourney widgets

These widgets read data from localStorage. OBS Browser Sources and your Chrome/browser window must share the same browser engine for this to work.

The easiest setup: use OBS's built-in browser source (Chromium-based). Open the Tracker/Tourney page in OBS's "Interact" window, and the widget will sync automatically.

Alternatively, open both the app and the widget URL in the same Chrome profile — they'll share localStorage.

headed.base44.app · DON'T FORGET TO USE CODE HEADED 🎉