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.
One private layout URL
A complete overlay layout 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 landscape or vertical canvas, then drag and resize several widgets exactly where they belong.
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
Pro creators can publish separate layouts for different shows, formats, campaigns and visual themes.
HOW IT WORKS
From setup to live
in three clear steps.
- 01
Create your widgets
Choose the goals, alerts, labels, counters, timers or activity displays you need.
- 02
Arrange one canvas
Drag, resize and layer the widgets in an OBS overlay layout, then publish it.
- 03
Paste once into OBS
Add one Browser Source using the layout URL and its published canvas dimensions.
QUESTIONS, ANSWERED
Good to know.
What is an OBS browser source?
It is an OBS source that displays a webpage. StreamWidgets provides one private webpage for your complete published overlay layout.
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. Edit and republish the layout in StreamWidgets and the same private browser-source URL continues to work.
START FREE