Free Stream Tool

Twitch Chat Overlay with 7TV

Customize your Twitch chat overlay to match your stream — directly in the browser. Choose a style, adjust colors, fonts and effects, then copy the finished OBS link.

Presets are applied as-is. Custom values in the other tabs only take effect if you actively change them.
Appearance
“Right” mirrors the chat layout.
Single-line: name and message on one line, smaller font – saves space. No bubbles: flat feed without frames, bubbles and spacing – independent of the style. Freely combinable.
Only applied if you actively change the color (preset-first).
Only applied if you actively change the color (preset-first).
By default, older messages are removed when they no longer fit in view. With this option, they stay as a running feed.
Empty or 0 = off. Fades out messages after the set time.
Spacing (fine-tuning)
auto/empty = automatic values · 0 = remove completely.
Separate by comma. Works independently of “Hide known bots” – so you can also hide just individual users.

Features

What the Chat Overlay Can Do

🎨

Design Styles + Overrides

Presets like Glass, Neon, Cyberpunk, Retro and more — fully customizable for any look.

💬

Emotes & Paints

Twitch, 7TV, FFZ, and BTTV are supported so emotes and colors display correctly.

👤

Badges & Avatars

Twitch profile pictures and badges are shown by default.

🧹

Bot Filter

Known bots are automatically hidden, and you can add your own names to the filter list.

📀

Layout

Alignment, compact mode and profile pictures are adjustable so the layout fits your stream exactly.

👁️

Live Preview

Test settings directly and then copy the finished OBS link.

Chat Overlay Vorschau im Twitch-Stream

The chat overlay supports all major emote platforms, so Twitch, 7TV, FFZ, and BTTV emotes display correctly. Static and animated 7TV colors are applied automatically. Your chat looks in stream exactly like it does in Twitch itself — but with your own design.

Tip: Want chat, alerts and a countdown in a single browser source? In the Overlay Builder in ByteMate, you place this chat overlay on one canvas together with an alert box, countdown, counters and your own images — free, no extra software, currently in beta.

FAQ

Frequently Asked Questions

What is a Twitch chat overlay?

A chat overlay is a browser source you add in OBS or other streaming software. It makes your Twitch chat visible in your stream — with custom colors, fonts, and emotes.

Which emotes are supported?

The chat overlay supports Twitch emotes, 7TV emotes (including paint styles and color gradients), FFZ, and BTTV. Animated emotes and colors are displayed correctly as well.

Do I need to log in to use the overlay?

No — you can configure the overlay entirely without signing up or installing anything. Just use the configurator in the browser and generate a ready-to-use OBS link.

Which styles are available?

There are 11 design styles, including Darkglass, Glass, Aurora, Neon, Cyberpunk, Pixel, Glitch, and Retro. Each style can be fully overridden — background color, font, border, glow effect, and more.

Can I hide known bots like Nightbot?

Yes — the overlay has a built-in bot filter. Known bots like Nightbot can be automatically hidden on request. You can also manually exclude custom usernames.

Are profile pictures and badges shown?

Yes, the overlay automatically displays Twitch profile pictures and badges (Subscriber, Moderator, VIP, etc.) next to chat messages.

Does the overlay work with Streamlabs?

Yes — it works with any streaming software that supports browser sources, including OBS Studio, Streamlabs, and XSplit.

Can I show chat and alerts in one browser source?

Not with this overlay — it shows chat only. In the Overlay Builder in ByteMate, chat is one widget alongside an alert box, countdown, counters and your own images or videos, and the whole scene goes into OBS as a single browser source — free, currently in beta.

Ready for Your Own Chat Overlay?

Configure your overlay in under a minute — free and without signing up.

Configure Now Try the Overlay Builder