How to add the timer to OBS
- Set your timer below and click Copy overlay link.
- In OBS, add a new Browser source and paste the link as the URL.
- Set width to 800 and height to 300 (or whatever fits your layout). The background is already transparent.
Streamlabs, Twitch Studio and TikTok Live Studio all support browser sources the same way.
Ideas for using a stream timer
- "Starting soon" countdown before you go live.
- Study-with-me or co-working streams with Pomodoro sessions.
- Challenges and speedruns with a visible stopwatch.
- Break timers so chat knows when you are back.
FAQ
Is the overlay background transparent?
Yes. The overlay page has a transparent background, so only the numbers and label show in OBS.
Will the timer keep time if I switch scenes?
The countdown is based on a fixed end time, so it stays accurate even if the browser source is hidden and shown again. If you set "Refresh browser when scene becomes active" in OBS, a countdown restarts from the beginning.
Can I count up instead of down?
Yes. Choose "Stopwatch" mode to count up from zero.