OBS Output Designer
Open Overlay Editor
Browser Source Outputs
Starting…
Quick setup
Ready for OBS
Add an output to your OBS scene
- 1Build your output
Assign overlays, then drag and resize them on the output canvas below.
- 2Copy its Browser Source URL
Each output has one permanent URL that keeps working as its layout changes.
- 3Add a Browser Source in OBS
Under Sources, choose Browser, paste the URL, and use the output’s width and height.
Optional: To use this manager inside OBS, add this page under Docks → Custom Browser Docks. The generated output URLs still belong in scene Browser Sources.
Cloud API not configured
Deploy Widget/cloudflare, then set the Worker and app URLs in overlay-cloud-config.js.
Signed in as
Browser Source Library
Your OBS outputs
Expand an output to arrange its overlay layers, then copy its permanent URL into OBS.