Overlays

One browser source.
Everything you put on stream.

Alerts, chat, clips, countdowns, GPS widgets, and whatever you install from the library. Build the scene here, paste one URL into OBS, and change it without opening OBS again.

Browser source · 1920×1080

The widget library

In

Alert box, every Twitch event

Follows, subs, cheers, raids, and the notices most alert tools skip: watch streaks, modiversaries, charity donations, bits badges, pay it forward. Each one gets its own media, sound, a title you write, and a second line for what the viewer typed. Test it from the editor before anyone shows up.

Clips rotator

Every clip from your channel, rotating on a BRB or starting screen. Pick a folder, a game, or shuffle all of them. Put the title, creator, and views where you want them.

Live GPS stats for IRL

Speed, distance, the city you are in, and the weather there, from the phone you stream from. No extra hardware. Latitude and longitude are in there too, so maybe do not dox yourself.

Countdowns, goals, and the subathon clock

Count down a break or to a set date and time, on a clock in your time zone. Follower and sub goals that fill while you stream. A subathon timer that gains time on every sub, cheer, and gift.

Custom widgets

HTML, JavaScript, and Tailwind, with a live preview while you type. Add settings fields so you tweak it without opening the code. Start from a starter or the public library.

A real editor

Layers, snapping, drag to resize, undo. Lock what should stay put. Fire fake follows and a simulated walk to test it before you go live.

Free and open source, like the rest of the dashboard.

Alert box

Follows, subs, cheers, raids.
Each one gets your media.

29 events, including the ones most alert tools skip: watch streaks, modiversaries, shoutouts, the banhammer. Every one with its own media, its own sound, and a line you wrote. Fire a few below: the layout and entrance you pick are the same settings the editor has.

Alert box · 29 events, one widget

Click one

Milestones: fire a resub, cheer, raid, streak, gift bomb or modiversary
Layout
Entrance
  • Set a minimum per event, and milestones above it at whatever breakpoints you type. Month 1, month 2 and month 12 of a resub can each be their own alert. Same for raid size, bits, streak length: a 3 viewer raid and a 300 viewer raid deserve different sounds.
  • Write the title and message with {name}, {amount} and {message}. Your words, their name.
  • Alerts queue instead of stacking. A raid mid gift bomb waits its turn, with a quiet gap you set between them.
  • A gift bomb fires one gift alert, not one per recipient. The per-seat sub events are skipped on purpose.
  • Per event duration, from 1 to 60 seconds, and a master volume over all of it for the sounds and video audio.
  • Google Fonts, colors, an accent on the name and amount, and a text shadow so it reads on any scene.
  • Test every event from the editor before anyone shows up: in the preview, or pushed through the real server into OBS.
  • Every setting here is per event. Your raid alert can scream while your follow alert stays polite.

Your media

Upload once to the media library, pick it in any alert or widget. Our recommendation: WebM, WebP and OGG. Smallest files, so the alert loads before the hype is over. 10MB max per file, 100MB of storage free.

Video

WebMMP4

WebM with a transparent background: motion, alpha, small files.

Images

WebPPNGGIFAVIF

WebP first: same picture, smaller file. GIF works too.

Sound

OGGMP3WAV

OGG first: smallest of the three. Keep it short.

Clips rotator

Your clips, playing while you're away.

Put it on your starting or BRB screen and it plays clips from your channel back to back. Which clips is a setting, not luck.

Inspector · Clips widget

On stream

Clip from Nixxo. Go check them out.

In rotation

8 clips

  • 1

    Facecame

    On air
    Best of chatHarry Potter and the Sorcerer's Stoneby Emphus1
    2,060·0:07·Feb 1, 2019
  • 2

    ROIDSON

    Best of chatCounter-Strikeby viciouslol
    3,600·0:30·Dec 3, 2018
  • 3

    CSDM / CFPL Games

    Best of chatCounter-Strikeby kzlime
    6,264·0:32·Aug 26, 2016
  • 4

    HAHAHAHA

    Clip of the weekCounter-Strikeby freddfredd
    5,133·0:08·Mar 26, 2020
  • 5

    BADDIEHUB

    Clip of the weekJust Chattingby ctrlwho
    1,512·0:59·Dec 31, 2023
  • 6

    PRIMONERO HA RIMORCHIATO

    Best of chatJust Chattingby primonero
    1,323·1:00·Nov 16, 2024
  • 7

    Great song

    Clip of the weekHarry Potter and the Sorcerer's Stoneby Wizard2k44
    1,219·0:11·Nov 24, 2019
  • 8

    RUUUULLAAAA

    Clip of the weekCounter-Strikeby fridewow
    3,422·0:30·May 11, 2021

Pick a source on the left. The rotation follows.

  • Clips play to their end, and the next one is already buffered behind the one on screen. No black frame, no loading spinner between them.
  • Random pushes what just played to the back of the pile instead of dropping it, so a folder with three clips in it still rotates.
  • Title, creator, game, date, views and duration are each their own layer. Drag them, resize them, hide them, lock them.
  • Muted for the browser, or audible in OBS with its own volume. A clip Twitch deleted gets skipped instead of stalling the rotation.

Widget library

Someone already built it.

The widget library is a catalogue of overlay widgets published by other streamers, installed with one click and adjusted through settings fields. Browse, hit install, tweak the settings. No code anywhere in that sentence.

Widget Library

Death counter

312

Counts your deaths. Chat clips the milestones.

by pixelgremlin

countergaming

Sub goal bar

244

Fills toward the goal on every sub and gift.

by sandwichlord

goalssubs

Now playing

187

The track you have on, in a corner, without a dashboard tab open.

by toastcrumb

music

Chat votes

156

Chat types 1 or 2, the bars move.

by ninetoad

chatpolls

Install makes a copy

Your install is your own widget, code and settings. The author shipping an update never changes yours mid-stream.

Settings, not source

Widgets expose fields: colors, text, toggles, your own media. You tweak those in the inspector and never see the code.

Reviewed before listed

Community widgets pass a human review before they show up in the library. No mystery scripts in your browser source.

For the devs

Built something? The widget editor takes HTML, JavaScript and Tailwind, previews it live while you type, and reacts to some 75 stream events, from cheers to hype trains to GPS. Give it fields so the streamer installing it never opens the code, then publish it back to the library.

Read the widget docs

IRL

Speed, distance, city, weather.
From the phone in your pocket.

The walking stats bar and six single-value GPS widgets, fed by the phone you already stream with.

Just don't dox yourself while your home.

Browser source · 1920×1080

Your phone

Open the overlay on the phone you stream from. It reads the GPS. No extra hardware.

StreamWizard

Every fix becomes speed, distance, the city you are in, and the weather there.

OBS

One browser source shows it all. Cloud OBS, or the OBS on your PC.

The walking stats bar

SpeedDistanceLocationWeather

One bar along the bottom. Toggle each module on or off.

Single-value widgets

SpeedHeadingAltitudeLatitudeLongitudeAccuracy

Straight from the GPS. Place them anywhere on the canvas.

  • The GPS comes from the phone's browser. No extra hardware, no third party tracker.
  • The weather comes from where you are. No API key, no account anywhere else.
  • Distance lives on the server, so a refreshed browser source does not zero your walk.
Works perfect with cloud OBS

The editor

An editor, not a settings form.

The overlay editor is a visual canvas with guides, locking and undo, and it outputs one browser source URL for OBS. Drag widgets on, snap them to guides, lock what should stay put, undo the mistake.

The tools you expect from a canvas

  • Layers with lock and hide, multi-select, duplicate, and undo when it goes wrong.
  • Snapping with alignment guides, so the countdown is actually centered.
  • Shrink a widget and its text scales with it instead of cropping. Crop it on purpose when you want to.
  • Google Fonts on any text, and your own gifs and sounds from the media library.
  • Rotation, opacity and z-index on every widget. No mode switch to find them.
  • Fire fake follows, cheers and a simulated walk through Amsterdam to test it before you go live.

FAQ

Before you paste the URL.

Setup, cost, and whether you need to code.

How do I get this into OBS?
Add one browser source, paste your overlay's URL, set it to 1920 by 1080. That is the whole setup. Works in the OBS on your PC and in cloud OBS, same URL either way.
Do I have to refresh the source when I change something?
No. Changes ride a WebSocket into the running source, so you can swap your alert gif mid-stream and it just lands. Swapping to a completely different layout is the one time you refresh.
What does it cost?
Nothing. The alert box, the chat box, the editor, the widget library and custom widgets are free, with 10MB per file and 100MB total of media storage. Full split on the pricing page.
Do I need to know how to code?
No. The built-in widgets are settings, not code, and the public library is other people's widgets behind an install button. Code only enters the picture when you want to build a custom widget yourself, and then the editor gives you HTML, JavaScript, Tailwind and GSAP with a live preview, so an animated widget is a few lines instead of a pile of keyframes.

Sign in and poke around.

Log in with Twitch, no card needed. Clips, overlays, and analytics are free and open source.