SPStreamPinataOverlay tools for creators
Guides
Guide

Create an overlay

Build a hosted overlay, add widgets, configure fields, and copy the runtime URL into OBS.

Open overlays

Steps

1
Open Overlays and create a new scene for the Twitch channel you want to use.
2
Set the canvas size to match your OBS browser source, usually 1920 x 1080.
3
Add a Custom Widget or an available widget template.
4
Use Field values for widget settings and the HTML, CSS, JS, and Fields tabs for source edits.
5
Save the widget, then copy the overlay runtime URL into OBS as a browser source.

Important notes

Admins can see default widget templates. Non-admin users create custom widgets or import overlays/widgets.
The editor preview dispatches widget lifecycle events so imported widgets can be tested before going live.