Rotten Apple

Free stream assets

Chat Widget

A Twitch chat overlay you can shape however you like, then drop into OBS as a browser source. It reads your chat directly, so there is nothing to sign up for and nothing to install. Your settings live in the URL.

Want a custom one? Contact me on Twitch.

Live preview
SUBpixelpainter:this overlay goes hard actually
sleepyfrog:what font is that
MODTheModerator:welcome in, everyone
VIPSUBinkspill:drawing the next one right now
quietbird:chat is so readable over gameplay now
SUBapplefan42:stealing this for my stream
Add to OBS
One file with everything inside. Works even if this site is offline.

Enter your Twitch channel below, or switch on Test mode to preview with invented messages.

How to add it in OBS

Using the URL

  1. Sources → + → Browser.
  2. Paste the URL above.
  3. Width 460, height to taste (600 is a good start).

Using the downloaded file

  1. Save the .html anywhere you like.
  2. Add a Browser source and tick Local file.
  3. Browse to the file. Same size advice as above.

Tick Shutdown source when not visible either way to save resources.

Presets

Channel

Twitch channel

Chat only appears while someone is actually typing in that channel. A quiet or offline channel shows nothing, which is normal.

Shape

Message style
Side
Newest message
Animation
Corner radiuspx
Widthpx
Padding acrosspx
Padding downpx
Gappx
Borderpx
Drop shadowpx

Colour

Background
#0d0d12
Gradient to
flat colour
Background opacity%
Text
#ffffff
Accent (badges, edge)
#a78bfa
Border colour
use accent
Username colour

Type

Font
Sizepx
Weight
Line height%
Letter spacingpx
Emote size%
GIF sizepx
Readability

Behaviour

Streams invented messages instead of connecting to Twitch, so you can position and style the overlay in OBS when chat is quiet. Turn it off before going live.

Messages shown
Hide afters
Trim long messages atchars
Never show these users
Hide messages containing

Hide after 0 keeps messages until they scroll off. Any other value fades each message that many seconds after it arrives, which suits a busy chat sitting over gameplay. Trim at 0 leaves long messages intact.