Documentation
Quick start
- Open the dashboard.
- Click Get OBS Browser-Source Link and copy the URL.
- In OBS, add a Browser source, paste the URL, and set it to 1920×1080.
- Drag widgets onto the canvas, then hit Push to Live — your OBS source updates instantly.
OBS setup
Add the overlay as a single Browser source per scene:
| Setting | Value |
|---|---|
| Source type | Browser |
| URL | …/overlay.html?c=YOUR_CHANNEL (use Get OBS Link) |
| Resolution | 1920 × 1080 |
| Audio | Check “Control audio via OBS” if you use the soundboard |
| Performance | Leave “Shutdown source when not visible” off |
The overlay background is transparent, so only your widgets show over your scene.
Inviting mods
ModDeck is built so your moderators can run the overlay without any access to your OBS, audio mixer, or stream keys — they only control a blank web canvas that sits over your stream.
Staging & Live
You always edit the staging canvas — viewers never see it. When something looks right:
- Push to Live — copies staging onto the live overlay your viewers see.
- Swap Live / Stage — exchanges them, so you can pull the current live layout back to edit.
- Presets save a single styled layout; Scenes save the whole canvas for 1-click recall.
Canvas & keyboard shortcuts
| Action | How |
|---|---|
| Pan | Hold Space + drag, or middle-mouse drag |
| Zoom | Scroll (toward cursor) · toolbar +/− |
| Recenter | Frame button |
| Select | Click · Shift+click multi · drag a box on empty space |
| Move / resize | Drag the element · drag a corner handle |
| Nudge | Arrow keys (Shift = 10px) |
| Edit text | Double-click a text element (Enter save, Esc cancel) |
| Duplicate / Delete | Ctrl/Cmd+D · Delete |
| Undo / Redo | Ctrl/Cmd+Z · add Shift to redo |
Widget reference
17 widgets, each with its own properties (position, size, opacity, rotation, FX filters, and an optional auto-scheduler):
Soundboard & telestrator
🔊 Soundboard
Open it from Quick Actions → Soundboard. Add MP3/WAV URLs and hit Play to fire a sound through the overlay (it plays in OBS). Stop All cuts everything.
✏️ Telestrator (draw on stream)
Use the Pen / Erase tools in the toolbar to draw over your stream in real time — great for analyzing plays. Pick a color, erase strokes, or Clear the whole drawing. Hold Space to pan while the pen is active.
FAQ
Can mods break my stream?
No — they only control the overlay canvas, never your OBS, audio, or keys.
Does it work with StreamElements / Streamlabs?
Yes. Add ModDeck as one more Browser source on top of your existing setup.
Is it free?
Yes. (Early build — live login & cross-device sync are on the way.)