Soap Bubble Chat

free1920 × 1080 · transparent · OBS browser source

Chat messages float up in soap bubbles that pop after 20 seconds. Subscribers get swirling rainbow bubbles.

Remix with AI

About this template

A chat overlay for Twitch and OBS

Soap Bubble Chat is a free Twitch chat overlay where every message floats up the right side of the screen inside a soap bubble, then pops after 20 seconds with a soft sound. Longer messages get bigger bubbles, and new ones drift away from the last few so they don't stack.

Subscribers get a slowly swirling rainbow film, which makes subs stand out in a cute, low-key way. Commands starting with ! and common chat bots are skipped.

Messages in floating soap bubbles
Rainbow bubbles for subscribers
Bubbles pop with a soft sound, adjustable or muted
Bubble size follows message length
Skips !commands and common chat bots

OBS setup

Add Soap Bubble Chat to OBS in under a minute

Copy your overlay URL.
Replace YOUR_CHANNEL with your Twitch username: https://www.overlaify.com/overlays/soap-bubble-chat?channel=YOUR_CHANNEL
Add a Browser source.
In OBS Studio, click + under Sources, choose Browser and name it “Soap Bubble Chat”.
Paste the URL and set the size.
Paste the URL, then set Width to 1920 and Height to 1080. Leave custom CSS empty — the background is already transparent.
Test it before you go live.
Add &test=1 to the URL to fire simulated events, then remove it once it looks right. Tick “Control audio via OBS” if you want the alert sounds on their own mixer track.

Reads your public Twitch chat anonymously, so it works with no login or token. Streamlabs Desktop, Meld and Twitch Studio work too — add it wherever they accept a browser source or URL.

Customize

URL options

Option	Example	What it does
`life`	`&life=30`	Seconds before a bubble pops.
`max`	`&max=8`	Most bubbles on screen at once.
`volume`	`&volume=0.25`	Sound volume from 0 to 1.
`mute`	`&mute=1`	Turn sounds off.