UI, icons and coding are done by me, Mirco Schilling. This tool is not created or provided by Twitch or Amazon. 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. These graphics are placed over your gameplay and/or webcam to add a unique style and pop to your stream content. (If you should see some problems in the tool, try updating your browser and OBS) An OBS overlay (aka stream overlay, or twitch overlay) is a collection of graphics to enhance your stream on sites such as Twitch, YouTube Gaming, Facebook and Gaming. 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.

Obs overlays free obs overlays