Twitch Chat Overlay

Generate your personal OBS browser source URL

Channel settings
Custom sub badges optional
Register a free app at dev.twitch.tv to get these. Without them, standard badges still show — only custom sub badge art is affected.
Your OBS browser source URL
⚠️ Your Client ID and Secret are included in this URL. Only use it in OBS — don't share the URL publicly.
How to add in OBS:
  1. Add a new Browser Source
  2. Uncheck "Local file"
  3. Paste the URL above into the URL field
  4. Set width/height to your liking (e.g. 400 × 700)
  5. Check "Allow transparency"
  6. Click OK — done!
View on GitHub