Guides · Streamlabs · 3 minutes
Add an animated overlay in Streamlabs Desktop
Streamlabs Desktop shows our pages as browser sources. No extension to install.
- 01
Add a source
In the Sources area, click the plus and choose “Browser Source”.
- 02
Add it to the scene
Click “Add Source”, name it, then confirm.
- 03
Set the page
Paste the address, or tick “Local file” and choose the pack's HTML file.
- 04
Set the size
1920 by 1080 for a full scene, a smaller area for an alert.
- 05
Place it
Drag the source above your game capture and your webcam.
Keep going
OBS
Add an animated overlay in OBS Studio
An HTML page or a web address becomes an overlay: the method for all our overlays.
3 minutes →Cheat sheetThe right sizes: screens, banners, emotes
The cheat sheet of dimensions to know for Twitch, Discord and YouTube.
2 minutes →OBS and StreamlabsA “stream starting” countdown for OBS
Generate the address with the free tool and paste it into a browser source.
2 minutes →