Overlays you actually control.
Add one browser source to OBS and you're set. Edit every widget with HTML, CSS and JS right in the dashboard, and bring your StreamElements widgets along.
Built for how you stream
Everything you need for alerts, nothing you have to host yourself.
One browser source
Every widget lives behind one URL. Add it to OBS once and change the look from the dashboard.
Edit with HTML, CSS and JS
Open any widget in the dashboard editor and change whatever you want. It's your code.
StreamElements-style API
Widgets get the same events and SE_API helpers as StreamElements custom widgets, so the ones you have are easy to bring over.
Test alerts
Fire a test from the dashboard and watch it land in OBS.
Missed alerts replay
If OBS drops and reconnects, the alerts you missed play when it's back.
Bring your StreamElements widgets
Our widget API follows StreamElements' custom widget API: the same onWidgetLoad and onEventReceived events, plus SE_API for stored values and counters. Paste your code into the editor and check it with a test alert.
window.addEventListener("onWidgetLoad", (obj) => {
const { fieldData } = obj.detail;
setup(fieldData);
});
window.addEventListener("onEventReceived", (obj) => {
const { listener, event } = obj.detail;
if (listener !== "tip-latest") return;
playAlert(event);
SE_API.counters.add("tips");
});Add it to OBS
Four steps, and the last one is the fun one.
Copy your overlay URL
Open Overlays in the dashboard and copy your link. Treat it like a password.
Add a browser source
In OBS, add a new source to your scene and pick Browser.
Paste the URL
Paste your link and set the size to match your canvas, for example 1920 × 1080.
Send a test alert
Fire a test from the dashboard and watch it pop in OBS.
Make the alerts yours.
Get your link, add one browser source, and start editing.
89 kr a month. 0% of every tip.