1 of 3
Create your overlay link
In the editor's top bar, click "Overlay link", then "Create a secure link". Click "Copy": this link is permanent, you only paste it once. Already have a link? The window finds it when it opens.
Your widgets in an OBS Browser Source, with a single link.
A Browser Source is a source in the streaming software that displays a web page, on a transparent background, inside the scene. Twools renders every widget of an overlay in one page, so a single overlay link, pasted into OBS Studio, Streamlabs or any software that accepts a Browser Source, is enough.
Create my overlay
Free plan · No credit card
- Does it work with Streamlabs?
- Yes, like any software that accepts a Browser Source.
- Do I need to keep the editor open?
- Not for the display. Your alerts need the editor or Control Room.
- My source shows "Overlay link not found"?
- Your link was replaced or copied wrong: paste the current one.
- What size should the source be?
- Your scene's size: 1920 × 1080 in Full HD, the default size.
On this page
Your overlay in OBS, screen by screen
Nothing to install in OBS: a link to create in the editor, on a computer, and a source to add.
2 of 3
Paste it into a browser source
In OBS, click + in the Sources panel, then pick "Browser". Paste the link into URL. For the width and the height, copy your scene size, shown in the diagram: 1920 and 1080 in Full HD. Confirm with OK: the window's card then says "Your streaming app is receiving the overlay".
3 of 3
If your source shows "Overlay link not found"
Your source's link leads to no active overlay: it was replaced with "Regenerate the link", or it was copied wrong. In "Overlay link", click "Copy", then paste the link in full into your source's URL field.
Widgets for your Browser Source
Each one has its own page, with its layouts and looks.
Frequently asked questions about the Browser Source
Does Twools work with Streamlabs?
Yes, as with any software that accepts a Browser Source. The steps are the same: add a Browser Source and paste the overlay link into it.
Why does my source show "Overlay link not found"?
This message appears when the link has been regenerated, or copied wrong. Open the editor, copy the current link from "Overlay link" and paste it into your Browser Source.
Do I need to keep the editor open during the stream?
Not for the display: the overlay reads its state from the Twools servers. Twitch alerts and the YouTube counter, however, receive their data through an open Twools tab, editor or Control Room.
Your whole overlay, in a single source.
Build your overlay on a computer, create your overlay link, then paste it into OBS.
Free plan · No credit card