Chat Overlay Twitch Overlay
Your Twitch chat as a slick overlay, with special emotes that fly away.
A display-only overlay: it reads your Twitch chat and never writes to it. Emotes from Twitch, 7TV, BTTV and FFZ, six themes, no bot and no account needed, just drop it in as a browser source.
What this overlay does
// In short
An overlay that brings your Twitch chat straight into the scene, so you never have to watch a separate chat tab. The Chat Box reads chat and renders every message cleanly, with name colour, mod badge and emotes. Emotes come from Twitch itself plus optionally from 7TV, BetterTTV and FrankerFaceZ, each source toggled on its own. The highlight is the fly-away effect: when a special emote lands in chat, a big copy detaches and flies across the scene, either as a gentle rise, a sideways drift or a burst on emote spam. Six built-in themes range from minimal clean through warm cozy and classic midnight to glowing neon, and the box can sit freely in any corner or along any edge. The background is transparent, so the overlay can stay enabled all the time. The box is display only: it reads chat and never writes to it, needs no bot and no login. In pure Twitch mode it makes no third-party requests, which keeps it privacy-friendly. As an OBS browser source it is a single HTML file.
Features
// What's inside
Key settings
// What you tweak in config.js
theme- Look: clean, cozy, midnight, twitch, light or neon
position- Corner or edge, for example bottom-left or top-right
direction- New messages at the bottom (up) or the top (down)
maxHeight- Max height of the chat column in pixels, older lines fade out cleanly
emoteSources- Which emote sources to load: twitch, 7tv, bttv, ffz
flyAwayStyle- Fly-away style of the emotes: rise, drift or burst
flyAwayTrigger- When an emote flies away: emoteOnly, every, list or combo
hideCommands- Hide lines that are chat commands, on or off
Screenshots
// From the overlay