Chat Overlay

Show your live chat on stream. Pick the channel, tune the type, and paste the URL into an OBS Browser Source.

Source

Required

Text

16px

Messages

0s

0 keeps messages on screen

Oldest messages drop off past this count

Add to OBS

Enter a channel above to generate your URL.

Sign in to save this overlay configuration

Preview

StreamFan42: This stream is amazing!
NightOwl: LET'S GOOO
ChillVibes: love the overlay

Shown at 16:9 — the same proportions as a 1920 × 1080 OBS canvas.

Setup guide

Designing a readable stream chat overlay

An on-screen chat should support the conversation without covering gameplay or exposing messages longer than necessary. The overlay connects to supported public chat systems and can render platform emotes, badges, commands, and message fade timing.

Setup

  1. Select the platform and enter the public channel login.
  2. Choose message size, fade duration, badge visibility, and filters in the preview.
  3. Place the generated Browser Source in a safe area and send test messages before the broadcast.

Best practices

  • Limit the visible message count on vertical layouts and small canvases.
  • Filter common bot commands so automated responses do not dominate the screen.
  • Keep moderation active on the source platform; the overlay is a display, not a moderation queue.

Troubleshooting

  • If messages stop, verify the channel chat is reachable in a normal signed-out browser.
  • Third-party emotes can appear later than native emotes while provider catalogs load.
  • A transparent source can look blank in OBS until a new message arrives.

New to browser sources? Read the complete OBS setup guide.