TimerHub
TimerHub

Each opens with its own scene, sound and sensible defaults.

Plain names, grouped. Every duration is listed at the foot of each page.

Timers
Focus
Workout
Classroom
Countdowns
Stream
Embed & apps
Play
Visual timers
Free · No ads · No signupPress Space to start any timerWorks offline

Made for the moment before you go live

Your stream.
Your countdown.

A countdown that sits beautifully over your scene — or becomes the whole scene. Pick a theme, set the time, copy one URL into a browser source, and you’re ready.

What’s it for?

Live preview · 1920 × 1080 canvas

In OBS: Sources then + then Browser, paste, set 1920 × 1080. Open in a tab

Your overlays 0 of 3 saved

Timing

Try 5m, 90s, 1:30 or 12h. Up to 7 days, and you can add time live.

At zero
Restart every time the scene goes liveSwitch to your BRB scene and the break starts from the top. No OBS settings needed.

Words

Look

Theme · Synthwave Retro

Layout

Background

A full-screen animated scene. Use it as a whole scene at 1920 × 1080.

Colour

Extras

At zero: show the message instead of 00:00Off keeps the classic ending: the message replaces the title and 00:00 stays, as in overlays made before this option.
Confetti at zeroA burst in your colours the moment it finishes.
Show buttons on the overlayPause, restart and ±1 minute buttons. Viewers see them too, so most streamers use hotkeys instead.
Add it to OBS Studio, step by step
  1. In your scene, click + under Sources and choose Browser.
  2. Paste the link. Set the width to 1920 and the height to 1080.
  3. Leave the custom CSS as it is; transparency just works. Click OK and drag it into place.
Streamlabs, Meld, Twitch Studio and others

Any app with a browser or web source works the same way: add a Browser Source (Streamlabs Desktop), a Web source (Meld, Twitch Studio) or a Web Browser input (vMix), paste the link and use the size above. OBS-only extras — scene restarts, uptime from Start Streaming and remote commands — fall back gracefully elsewhere.

Control it live

Right-click the source → Interact, click the timer, then:

  • Space pause / resume
  • R restart
  • ↑ or + add a minute
  • ↓ or − take a minute off
  • Hold Shift for five minutes at a time.
Remote control: Streamer.bot, Stream Deck, subs and donations

OBS 28+ can pass commands to the overlay over obs-websocket. Send a CallVendorRequest with this request data (in Streamer.bot: the OBS Raw sub-action, run from a sub, cheer or donation trigger):

action can be add, remove or set (with seconds or minutes), pause, resume, toggle or restart. Leave out id to control every TimerHub overlay at once.

A quiet layer

Transparent by default, with no buttons, adverts or alarm audio on the broadcast. A ring, a bar, a big clock or a corner pill.

Know what reload does

Start fresh on every load, or keep the original finish time through reloads, crashes and restarts. OBS’s “Shutdown source when not visible” and “Refresh browser when scene becomes active” settings decide when a source reloads.

Control it in OBS

Open Interact and click the timer: Space pauses, R restarts, ↑ and ↓ add or remove a minute. Add visible buttons from the studio if you want them on screen.

More for your stream

Starting soon timerThe countdown before you go liveBRB timerBreaks that count back to youSubathon timerA timer your community keeps extendingNext stream countdownCounts down to your schedule, every weekStream uptime timerHow long you’ve been liveOBS clock overlayYour time of day, for chat around the worldIRL stream overlayYour city’s time, on the moveStudy with me timerPomodoro focus and break roundsAll stream overlays66 themes, 9 jobs, one studio

OBS countdown timer FAQ

How do I add a countdown timer to OBS?
Copy the overlay URL from the studio above. In OBS, click + under Sources, choose Browser, paste the URL, and set the width and height the studio suggests. The background is transparent unless you pick a scene.
Why does my OBS countdown restart when I switch scenes?
The browser source is reloading — usually because “Shutdown source when not visible” or “Refresh browser when scene becomes active” is on. Choose “Keep the same finish time” in the studio if the countdown should carry on through reloads.
Can the countdown make a sound at zero?
The overlay is silent so it never plays over your audio by surprise. Pair it with an alert sound in your streaming app if you want one.

Overlays load in OBS’s Browser Source. Test your scene before going live. Timing a talk or a lesson instead? Make a timer video or embed a timer on a website.