Disclaimer:This tool uses the tmi.js v.1.8.5 from.

'How to design' video:If you want a head start to know how to start designing your chat, you can check out this YouTube-Video here. PLEASE FOLLOW THE HOWTO.TXT FILE TO PREVENT PROBLEMS (Go to the browser settings, search for JavaScript and enable it. If you should see a message that Javascript is disabled in your browser, you have to activate it.

(If you should see some problems in the tool, try updating your browser and OBS) Because the browser source in OBS is Chromium-based, other browsers like Firefox and Safari may have problems displaying the tool and the chat proberly and are not supported. To use this tool, you have to have a Chromium-based browser (New Microsoft Edge / Google Chrome / New Opera). This tool provides a simple and rich UI, so you can easily create an overlay chat that differs from every other one.

Separate design for Subs, VIPs and ModsĬhange the appearance of the messages based on the role the user has.

Wherever you can set a color, you can use the color the user uses in Twitch instead.Īnimate messages that appear and let them disappear with another animation. you can filter out Bots and !commands if you want the chat to be more clear) You can choose to filter out specific channels and messages with a specific content. (But please ask the channel owners for their permissions ) It provides the following features and many more:Īdd multiple Twitch channels to the same overlay chat. Chat Designer for Twitch.lets you create a custom overlay chat for your Twitch channel.

How to add overlay with obs