VERTICAL CHAT

5.0(1)

A vertical Twitch chat overlay for OBS, powered by Streamer.bot. Customizable, supports pronouns, profile pictures and Twitch events.

Quick Access

Copy what you need to get started. Follow the setup guide below for detailed instructions.

Browser Source URL

Add this as a browser source to OBS.

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

Setup Guide

Start WebSocket Server

Go to the tab Servers/Clients → WebSocket Server. Enable Auto Start WebSocket Server. Address 127.0.0.1. Port 8080. Optional password. Leave Enforce All Requests unchecked. Start the server.

Copy Browser Source URL

Copy the Browser Source URL from Quick Access.

Add Browser Source in OBS

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 preferred vertical size.

If you want to have the browser source in multiple scenes, don't create a second browser source. Instead, use nested scenes or source clones.

Done!

And you are done.

Customization

You can use the Settings Builder to configure everything visually and then paste the generated URL into your OBS Browser Source.

Changelog

v1.0.9 latest

2025-11-23

Fix: Fixed messages not being removed on a timeout.

v1.0.7

2025-08-03

Changed: Removed entry animations; added fading animation when hiding messages; removed bloated URL parameters; added new settings page builder; chat now always goes from bottom to top.

v1.0.5

2025-06-27

Changed: Appending user logins to display names that are not Latin letters.

v1.0.4

2025-06-01

Changed: Overhaul for using the Streamer.bot Client Library; added dynamic announcement colors; timestamps now use your local time (24h or AM/PM).

v1.0.2

2025-02-02

Fix: Fixed an issue with the hideAfter parameter.

v1.0.0