How do I add a chat overlay to OBS?
A chat overlay puts your audience's messages on screen so viewers and clip-watchers can follow the conversation. The cleanest way to add one to OBS is a browser source: design the overlay once, paste a single URL into OBS, and it renders transparently over your scene.
Design it in the browser, drop one URL into OBS
With Stream Repeater you build the overlay in a drag-and-drop editor — place a chat widget, size it, and style the fonts, colours, background opacity and outline. When you are done you copy one transparent browser-source URL and add it to OBS as a Browser source. That is the whole setup.
- Add a Browser source in OBS and paste your overlay URL.
- Set the width and height to match your canvas (e.g. 1920x1080).
- Position the chat widget where you want it on scene.
Unified chat, plus more than chat
The chat widget shows a combined feed from Twitch, Kick and YouTube, so a multistream audience appears in one place — including Twitch emotes. On the same overlay you can add live viewer counts, recent events, alerts, goals, a countdown, and even running giveaways and polls.
Best of all, editing is live: change the layout and save, and your OBS browser source updates within seconds — you never have to remove and re-add the source.
Frequently asked questions
Does the OBS overlay show chat from every platform?
Yes. The chat widget renders a unified feed from Twitch, Kick and YouTube (and TikTok via the Local Agent), including Twitch emotes.
Do I have to re-add the browser source when I change the overlay?
No. Layout edits stream through to OBS within a few seconds, so you can tweak the overlay live without touching the source.