Twitch Chat Overlay Generator for OBS — Free, Transparent, No Login

Settings

Twitch channel

Style Font size Font

Hide after (sec, 0 = never) Max messages Align

Hide !commands Hide common bots Role icons (mod, VIP, sub) Show Twitch emotes

Enter a channel name to get your URL.

Open the overlay in a new tab (it connects to the real chat).

Preview (sample messages)

How to add it to OBS

In OBS, click + under Sources → Browser, and give it a name.
Paste the URL into the URL field. Set Width 400 and Height 600.
Leave Custom CSS as it is (the background is already transparent) and click OK.
If it stays blank, right-click the source → Refresh. See the browser source test for more fixes.

Resize the source with the red handles in OBS (not by scaling) so the text stays sharp. For a vertical stream, 360 × 640 works well.

How it works

Twitch chat is an IRC server that also accepts WebSocket connections. Anyone can join it read-only with an anonymous “justinfan” nickname — that is what this overlay does. It never sends messages, so it does not need your password or an OAuth token, and it cannot post in your chat. It answers the server's PING so the connection is not dropped, and if the connection does drop it reconnects after 1, 2, 4… seconds (up to 30).

Emotes are shown with Twitch's own emote images (the same image server twitch.tv uses). Third-party emotes (BTTV, FFZ, 7TV) are shown as their text names, because they need extra services.

When a moderator deletes a message or times someone out, the overlay removes it too, so deleted messages don't stay on your stream.

Tips

Hide !commands removes lines that start with “!”, so “!discord” spam does not fill the box.
Hide common bots skips Nightbot, StreamElements, Streamlabs, Moobot, Fossabot and a few others.
Use Hide after (for example 30 seconds) when the overlay sits on top of gameplay.

Last checked: 2026-09-24.

FAQ

Is this Twitch chat overlay free?

Yes. The generator and the overlay are free and need no account. The page URL is all you need.

Does it need my Twitch login or an OAuth token?

No. It joins your public chat anonymously in read-only mode, the same way most chat widgets do, so it cannot post or read anything private.

Why is the overlay blank in OBS?

Check the channel name, then right-click the source and choose Refresh. Chat only appears when someone types, so send a test message. If it is still blank, try our browser source test page.

Twitch Chat Overlay Generator