Quick Start:
- Open
control.htmlin your browser. - Add
display.htmlas an OBS Browser Source (1920×1080). - Control scores and layout with the UI or keyboard shortcuts.
A lightweight, OBS-friendly scoreboard overlay designed for esports broadcasts.
Runs entirely in the browser — no plugins, no servers, no setup headaches.
Built for tournament organizers, streamers, and locals who need something reliable and customizable.
- Live score updates with keyboard hotkeys
- Custom transparent PNG backgrounds
- Animated winner overlay with confetti
- Horizontal & vertical layout controls
- OBS-friendly (no plugins or servers)
control.html– Operator control paneldisplay.html– OBS browser source displaycontrol.css/display.css– Stylingcontrol.js– Logic & hotkeysexample-bg-1.png– Sample 1 overlay backgroundexample-bg-2.png– Sample 2 overlay backgroundexample-bg-3.png– Sample 3 overlay background
- Open
control.htmlin your browser - Add
display.htmlas a Browser Source in OBS - Set browser source size to 1920×1080
- Control scores, names, and layout from the control panel
Tip: Keep the control page on a second monitor or device.
| Action | Shortcut |
|---|---|
| Left Player +1 | Shift + Q |
| Left Player −1 | Shift + A |
| Right Player +1 | Shift + P |
| Right Player −1 | Shift + L |
| Swap Players | Shift + S |
- Horizontal Spacing Slider – Adjust distance between players
- Vertical Offset Slider – Fine-tune name/score placement
- Preview Scale – OBS-safe preview resizing
- Custom Background Upload – Drop-in PNG overlays
These controls exist to support custom-designed backgrounds without needing CSS edits.
- Fighting game tournaments
- FPS events
- Sports game broadcasts
- Online brackets & locals
- Streamers who want reliability over gimmicks
Free to use for personal and tournament broadcasts.
Found a bug or want to suggest a feature?
Please open an issue or submit a pull request!
We welcome community contributions.
Created by Cello + GPT
https://www.attackcancel.com