patchd
All tools

Streaming tool

Animated scene screens for OBS

Design a Starting Soon, BRB or Stream Ending scene. Pick your colors, background, and animation. Export an HTML file you add to OBS as a Browser source. No accounts, no watermarks.

Scene type

Main text

Sub text

Countdown

Background color

Accent color

Text color

Background style

Animation

Live preview

1920 × 1080

What you see here is the same HTML that exports. The preview is the file, just sized to fit the page.

How to use this in OBS

Add the exported HTML as a Browser source in OBS.

  1. In OBS, add a new "Browser" source.
  2. Check "Local file" and select the downloaded .html file.
  3. Set Width to 1920 and Height to 1080.
  4. The scene animates automatically. Position and scale it in your scene as needed.
  5. For countdown scenes, enable "Refresh browser when scene becomes active" in the source properties so the countdown restarts each time you switch to the scene.