Display content from supported third-party websites, including overlays, alerts, countdown timers, scoreboards, and subscriber counters, or engage your audience with interactive widgets like live polls, reactions, and viewer counts.
How to add a built-in widget
Click Widgets in the sidebar.
Click Add.
Choose the built-in widget you want to add:
X Alerts – Display alerts for follows, subscriptions, and likes on X.
Reactions – Show chat emojis as floating reactions on your stream.
Live Viewers – Display the total live viewer count across your channels.
Live Poll – Let your audience vote by typing a number in chat.
Once added, your widget will appear under All widgets in the sidebar.
Drag the widget to reposition it or adjust its size to fit your scene.
How to create a widget with AI
Click Widgets in the Studio sidebar.
Click Create with AI next to Add.
Describe the widget you want in the Message field and click Send.
Wait for your widget to generate, then click Add to scene.
💡 Generation may take a few minutes, depending on your request.
How to customize a widget with AI
Open Widgets in the Studio sidebar.
Under All widgets, click Customize with AI on the widget you want to change.
Describe your changes in the Message field and click Send.
Once the update is ready, click Add to scene on the version you want to display.
💡 To create a separate widget, return to All widgets and click Create with AI again. To reuse a saved widget or continue editing it, find it under All widgets.
How to add a browser source
Click Widgets in the sidebar.
Click Add.
Select Browser Source.
Enter a name for the source.
Paste the browser source URL into the Link field.
Click Add to scene.
Select the browser source to add it to your scene.
Click and drag the browser source to reposition it anywhere on the canvas.
How to position and resize your widgets
Select the widget on your Studio canvas.
Drag and drop the widget to reposition it anywhere on the canvas.
To adjust its size, hold Shift and drag the widget's corners or edges.
Click the three dots (⋯) in the upper-right corner of the widget to access additional options:
Maximize
Scale
Bring to front
Bring forward
Send backward
Send to back
Hide
💡 You can layer multiple widgets and other elements on your canvas. Use the arrangement options to control which elements appear in front of or behind others.
Requirements
On the Free plan, you can add 1 widget to each scene. On any paid plan, you can add up to 5 widgets per scene.
Browser Source is only available in landscape (horizontal) scenes.
Browser Source accepts a direct URL, not a full embed code. If a service provides an iframe embed code, copy the URL from the
srcfield and paste that URL.Using multiple animated browser sources may affect Studio performance.
AI tools are free during beta.
FAQ
What can I add as a browser source?
What can I add as a browser source?
You can add content from services that provide embeddable URLs, including:
Streamlabs alerts
StreamElements overlays
Countdown timers
Polls
Subscriber counters
Scoreboards
Music players
Other web-based widgets
Why isn't my browser source loading?
Why isn't my browser source loading?
If your browser source isn't displaying correctly, check the following:
Make sure you pasted a URL, not the full HTML embed code.
Some websites do not allow their content to be embedded in other applications. If embedding is restricted, the browser source will not display in Studio.
Can browser sources play audio?
Can browser sources play audio?
Yes, browser sources will play audio from supported sources.
Keep in mind that you are responsible for ensuring you have the rights to stream any audio content used in your broadcast.
Can I use browser sources in portrait scenes?
Can I use browser sources in portrait scenes?
No, Browser Source is currently available only in horizontal scenes.
Why does the font in my browser source look different/get rendered incorrectly in the stream?
Why does the font in my browser source look different/get rendered incorrectly in the stream?
Browser sources are rendered on our servers where some system fonts may not be available. If your website doesn't load its own fonts, a different font may be used in the stream. To avoid this, you may reach out to the website administrator to add the fonts using Google Fonts or custom CSS.
How many options can I add to a Live Poll?
How many options can I add to a Live Poll?
You can add up to 4 options per poll, with a maximum of 100 characters for the question and 35 characters per option.
💡 Don't need a third-party overlay? Add graphics directly in Studio instead.