VERTICAL CHAT

BRING Clap BACK Clap VERTICAL Clap CHATS!

This is a very simple but also customizable vertical chat overlay you can throw into your OBS. And you can run it all locally (if you wanted to)...
griffinTyping

BROWSER SOURCE URL

https://tawmae.xyz/overlays/vertical-chat.html

SETUP

1. In Streamer.bot, go into the Servers/Clients -> WebSocket Server tab. Check Auto Start WebSocket Server, leave Address at 127.0.0.1 and the Port at 8080. You can set a password if you want, just make sure to leave Enforce All Requests unchecked. Start the server.

Here you can check in real-time if your Websocket server is up and running:

2. Copy the Browser Source URL from above into your clipboard.

3. In OBS, create a new Browser Source, name it whatever you want. Then paste the copied URL into URL and set the Width and Height to your prefered size.

And then you're done Pog Clap

CUSTOMIZATION

You can use this Settings Builder to customize whatever you want and copy the URL into your OBS browser source after you're finished:

CHANGELOG

Date	Changes	Version
August 03, 2025	Removed entry animations; added fading animation when hiding messages; removed bloated URL parameters; added new setting page builder; chat now always goes from bottom to top	1.0.7
June 27, 2025	Appending user logins to display names that aren't latin letters	1.0.5
June 01, 2025	Overhaul for using the SB Client Library, sorry if something broke for u guys hehe // added dynamic announcement colors; timestamps now are based on your local time (24h or AM/PM)	1.0.4
February 02, 2025	Fixed an issue with ?hiderAfter	1.0.2
February 02, 2025	Release	1.0.0