00:00:00
Stream Clock

Operation Mode

Text Display

Visual Theme

Display Options

Stage Background

Customize the background color behind the clock (for checking contrast or Chroma Key).

Save / Load

Saved! Loaded!

More Creator Tools

Stream Screen Maker Create stream-ready screens for starting soon, breaks, and ending scenes. Chat Slot Turn chat-style messages into a playful slot display for streams. Decorative Text Maker Make cute decorated text for posts, bios, captions, and stream panels. TapMe Build a simple interactive tap button for creator links and calls to action.

Stream Clock: The Ultimate Free Overlay for OBS

Whether you are streaming on Twitch, YouTube Live, or Kick, having a clear time display is essential for keeping your audience engaged. "Stream Clock" is a free, web-based tool designed to create stylish clocks and timers that you can add directly to OBS Studio as a Browser Source.

No installation is required. Just copy the URL, paste it into OBS, and customize the look to match your brand.

1. 4 Themes to Match Your Aesthetic

We offer four distinct design themes to fit any stream vibe:

  • ⚡ Cyber Neon: A glowing, futuristic design perfect for FPS games, tech streams, and night vibes.
  • 🦄 Pastel Kawaii: Soft colors, rounded fonts, and stitch effects. Ideal for VTubers, cozy streams, and Just Chatting.
  • 👾 Pixel Retro: 8-bit style with a dot-matrix font. The best choice for retro gaming, speedruns, and indie games.
  • 🎞 Flip Clock: A classic mechanical flip animation. Adds a sophisticated, analog feel to study streams or countdowns.

2. Three Modes for Every Situation

Switch between modes instantly without changing your overlay URL:

  • Current Time: Displays your local time. Great for 24/7 streams or keeping viewers grounded.
  • Count Up (Endurance): Tracks how long you've been streaming. Perfect for "Endurance Streams", "Subathons", or "Until I Win" challenges. Supports milliseconds for precision.
  • Countdown: A timer that counts down to a specific event, like a stream start or a New Year's countdown. When it hits zero, a confetti animation plays automatically!

3. How to Add to OBS Studio

Adding Stream Clock to your broadcast software (OBS, Streamlabs, etc.) is incredibly simple:

  1. Copy the URL of this page.
  2. In OBS, click the "+" icon in the Sources dock and select Browser.
  3. Paste the URL into the field.
  4. Set Width: 1200 and Height: 800 (This gives you room to crop later).
  5. Click OK.
  6. To change settings, right-click the source in OBS and select Interact.

4. Pro Tip: Hiding the Control Panel

You only want the clock to show on stream, not the settings buttons. To hide the control panel:

Hold the Alt key (Option key on Mac) and drag the edges of the source box in the preview window. This crops the image, allowing you to display only the clock widget.

5. Transparency & Chroma Key

Stream Clock is designed for transparency.

  • Transparent Background: Set the "Stage Background" to Green (Key) and use the Chroma Key filter in OBS to remove the background entirely.
  • Semi-Transparent Clock: You can also adjust the opacity of the clock's inner background using the "BG Opacity" slider, allowing your game play to show through the timer itself.

Summary

Small details make a stream look professional. With "Stream Clock," you can add a high-quality, animated timer to your layout in seconds—for free, and with no software to install.
Customize your clock now and upgrade your stream's production value!