generator·Updated 2026-11-07

Free Twitch Chat Overlay for OBS New

Show your live Twitch chat on stream with a transparent background: emotes, badges and name colours, fade-out, hidden bots and !commands, and sub notices. Read-only and anonymous — no login, no token, works as an OBS browser source.

No login · Anonymous read-only chat · Transparent background

Chat overlay

Live preview of the exact page OBS will load. Demo messages until you enter a channel.

Browser source URL

Open

In OBS set Width 420 and Height 720. Leave “Shutdown source when not visible” off so chat history stays when you switch scenes.

Twitch chat — contentTwitch channel

Messages on screen Fade out after, seconds (0 = never)

Look Font size, px

Hide !commands Hide bots Badges Subs and gift notices

Bot accounts — one per line Always hide these users — one per line Read-only and anonymous: the overlay connects to Twitch chat as a guest, so it needs no login and cannot post. Deleted messages, timeouts and bans disappear from the overlay too.

Style

Accent Accent 2 Text Panel

Panel opacity 88 %

Font Text size 100 %

Corner radius 14 px

Animations (also switched off automatically when the system asks for reduced motion)

Edit an overlay you already usePaste its URL

My overlays (saved in this browser)

Nothing saved yet — up to 20 overlays.

Import JSON

No sign-up required. Use the tool, share the result, leave — no account needed.

Client-side computation. Calculations run entirely in your browser; we never see your inputs.

Embed in OBS / Discord. Append ?embed=1 to the URL for a bare iframe-ready widget.

How to use this tool

4 steps · ~1 minute

Each step is a single action — no setup, no sign-up. Outputs are client-side; nothing is uploaded.

Step 01

Enter your channel

Type the Twitch channel name or paste the channel link. The preview switches from demo messages to your live chat.

Step 02

Set the look

Pick bubbles, plain text or one panel, the font size, how many messages to keep and whether they fade, plus a theme or your own colours.

Step 03

Copy the URL

Press Copy URL. The link holds every setting — no account, nothing stored on our side.

Step 04

Add it to OBS

Sources dock, +, Browser. Paste the link into URL, set Width and Height, press OK. Leave “Shutdown source when not visible” off so chat history survives scene switches.

How the overlay reads your chat

When OBS opens the overlay link, the page connects to Twitch’s chat server over a secure WebSocket, signs in as an anonymous guest and joins your channel. Each message arrives with the chatter’s display name, name colour, badges and the positions of any Twitch emotes, which the overlay turns into emote images. If the connection drops it reconnects on its own, waiting a little longer after each failed attempt.

Because it is a read-only guest, the overlay only shows what any logged-out viewer can see. It never sees whispers or anything that needs moderator rights, and it cannot post in chat.

Settings worth changing

Messages on screen — fewer messages for a small corner box, more for a tall side column.
Fade out after — makes chat disappear when nobody is talking, so the overlay does not cover the game.
Hide bots — the default list covers common chat bots; add your own bot’s name.
Subs and gift notices — shows Twitch’s own notice text for subscriptions, resubs and gifted subs, with the chatter’s message if they wrote one.

Need starting soon and be right back scenes, a timer or a goal bar in the same style? Open the full free OBS overlays generator.

FAQ · methodology & caveats

Frequently asked.

Calculator outputs are estimates. Each Q below names the source data and the assumptions baked in.

How do I add Twitch chat to OBS?

Type your channel name, adjust the look and press Copy URL. In OBS, click + in the Sources dock, choose Browser, name it “Chat” and confirm. Paste the link into URL, set Width and Height (420 by 720 is a good start for a corner) and press OK. Drag the source where you want chat to appear.

Do I have to log in or give access to my Twitch account?

No. The overlay reads chat the way a logged-out viewer does: it connects to Twitch’s chat WebSocket as an anonymous guest. It has no token, cannot post, and needs no permissions.

Is the chat background transparent?

Yes. Choose “Plain text with outline” for text straight on top of your game, “Bubbles” for a panel behind each message, or “One panel” for a single box. Panel colour and opacity are adjustable.

Are emotes, badges and name colours shown?

Twitch emotes are drawn as images from Twitch’s emote server using the emote IDs that come with each message, including your channel’s subscriber emotes. Name colours come from each chatter’s chosen colour; chatters who never picked one get a readable colour of their own. Broadcaster, moderator, VIP, subscriber, founder, verified and staff badges are drawn as simple coloured icons. Emotes from third-party extensions such as BTTV, FFZ or 7TV are not shown as images.

Can I hide bot messages and !commands?

Yes. Commands that start with an exclamation mark are hidden by default, and so are messages from a list of common chat bots that you can edit. You can also list users to always hide.

What happens when a moderator deletes a message or bans someone?

The overlay removes it. A deleted message disappears, and a timeout or ban removes that user’s messages that are still on screen.

Will messages stay on screen forever?

Only the newest messages are kept — 12 by default, up to 50. You can also make each message fade out after a number of seconds.

Does it work for Kick chat?

Not yet — this overlay reads Twitch chat only.

Done with the tool? Ship the channel.

Streamrise delivers real Twitch and Kick viewer floors — residential IPs, geo-targeted, with chat presence. Same engineering rigor you saw in the calculator, on the paid side. No password requested. Cancel anytime.

See Twitch viewer pricing Or Kick viewers