Twitch Chat Overlay

Combine one or more Twitch chats into a live, styleable overlay you can drop straight into an OBS Browser Source.

Edit an existing link

Already have an OBS link from before? Paste it here to load those settings back into the form below.

Add at least one channel to see chat.

Appearance

Bubble color
Bubble transparency (%)
Text color
Username color
Font family
Font size (px)
Bubble roundness (px)
Bubble padding, horizontal (px)
Bubble padding, vertical (px)
Space between messages (px)
Outline width (px)
Badge size (px)
Source channel label

Only shown when more than one channel is added, using each broadcaster's Twitch profile picture.

Behavior

Max messages on screen
Fade out after (seconds, 0 = never)
New messages appear

Live preview

This is a real, connected preview. The checkered pattern shows what will be transparent once this is used as an OBS Browser Source.

Your OBS Browser Source link

  • In OBS: Sources → + → Browser Source, paste this URL.
  • No custom CSS needed — the page has no background, so it composites over your scene automatically.
  • Leave "Shutdown source when not visible" unchecked so chat stays connected between scene switches.