Text & look
Theme
Shortcut: keys 1–7
Show / hide elements
Goals (typed by you — not live data)
Reaching a goal triggers a milestone celebration.
Countdown timer
Seconds. Shown on the overlay as mm:ss.
Play a game on stage
✊✋✌️ Viewer picks:
Configure
📊 Poll (you tally the votes yourself)
💬 Question card
📣 Shoutout
🏆 Local leaderboard
Saved only in this browser.
Effect settings (apply to every effect)
Triggers
Shortcuts: C confetti · F fireworks · L lightning · H hearts · G gold · M mystery · V victory · Esc stop all
Overlay URLs
Overlay mode hides all controls. Turn on “Transparent background” in Overlay Studio to show only the elements.
Add it to OBS
- Save this file somewhere permanent, open it in Chrome, and set up everything here.
- OBS → Sources → + → Browser. Untick “Local file” and paste the URL above (it must start with
file:///and end in#overlayor#vertical). - Size: 1920 × 1080 for horizontal, 1080 × 1920 for vertical (match your canvas in Settings → Video). Leave custom CSS empty; transparency is built in.
- To let sound reach your stream, tick “Control audio via OBS” and keep “Mute” off below.
Controlling the overlay live — be aware
A browser window and an OBS browser source are separate browsers, so they do not share data. To drive the overlay from this panel, open this file as an OBS dock: View → Docks → Custom Browser Docks, add this file’s URL (without #). The dock and the browser sources then share storage and a channel inside OBS. If your OBS version blocks that for file://, serve the folder locally (python -m http.server) and use the http://localhost:8000/… URL for both. Public URLs or syncing across devices needs real hosting/backend, which this single file does not have.
Sound
Sound only plays after you press a button — never on page load.