Clock overlay for OBS and streaming
Add a live clock to your stream with a transparent background. Copy a link below into an OBS Browser source (or Streamlabs, vMix, Twitch Studio). No download or account needed.
Ready-made overlay links
| Style | Link |
|---|---|
| Teal digital, local time | https://onlineclock.app/embed/?bg=clear |
| White, 24-hour, no seconds | https://onlineclock.app/embed/?bg=clear&theme=white&h12=0&secs=0 |
| Red, with date | https://onlineclock.app/embed/?bg=clear&theme=red&date=1 |
| Tokyo time with label | https://onlineclock.app/embed/?bg=clear&tz=Asia/Tokyo&label=Tokyo |
Options
| Option | Values |
|---|---|
bg=clear | Transparent background |
theme | teal, red, amber, lcd, white, paper |
h12 | 1 for 12-hour (default), 0 for 24-hour |
secs | 1 to show seconds (default), 0 to hide |
date | 1 to show the date |
tz | Any IANA time zone, such as America/New_York |
label | Text above the clock |
Set it up in OBS
- In your scene, click + under Sources and choose Browser.
- Paste the link into URL. Set width and height, for example 600 and 200.
- Click OK, then drag and resize the clock where you want it.
Want a countdown on stream instead? Open the timer or countdown in a browser window and use a Window Capture. To design your own embed, use the clock widget builder.
Questions people ask
How do I add a clock to OBS?
In OBS, add a Browser source, paste the overlay link, and set the width and height (for example 600 × 200). The background is transparent, so only the digits appear over your scene.
Can I show another city's time on stream?
Yes. Add tz= with an IANA time zone to the link, such as tz=Asia/Tokyo, and label= to show a caption.
Will the overlay slow down my stream?
No. It's a tiny page that updates once a second and uses no network after loading.