OBS BROWSER-SOURCE OVERLAYS
Overlays that stay
out of your way.
Build a polished overlay in your browser, then bring it into OBS with one URL. StreamWidgets keeps goals, alerts, timers and activity up to date while you focus on the stream.BUILT FOR CREATORS
Everything needed to
make it feel yours.
Private browser URLs
Every widget receives an unlisted token URL that can be regenerated if it is exposed.
Transparent backgrounds
Place widgets over gameplay, camera scenes and video without a boxed webpage behind them.
Responsive layouts
Choose a browser-source size and position the widget wherever it belongs in your scene.
Live previews
See colour, wording and layout changes before they reach the broadcast.
Event-driven updates
Twitch activity updates compatible widgets without refreshing the OBS scene.
Reusable scenes
Create separate widgets for different shows, formats, campaigns and visual themes.
HOW IT WORKS
From setup to live
in three clear steps.
- 01
Create a widget
Choose the goal, alert, label, counter, timer or activity display you need.
- 02
Copy its private URL
The studio provides a unique browser-source address for that widget.
- 03
Paste it into OBS
Add a Browser Source, set its size and arrange it alongside the rest of your scene.
QUESTIONS, ANSWERED
Good to know.
What is an OBS browser source?
It is an OBS source that displays a webpage. StreamWidgets provides a purpose-built private webpage for each overlay.
Will the overlay have a background?
Widget pages are designed with transparent backgrounds so only the overlay itself appears over your scene.
Can I change an overlay after adding it to OBS?
Yes. Save changes in StreamWidgets and the same private browser-source URL continues to work.
START FREE