OBS Output Designer

Browser Source Outputs

Starting…

Open Overlay Editor
Quick setup

Add an output to your OBS scene

Ready for OBS
  1. 1
    Build your output

    Assign overlays, then drag and resize them on the output canvas below.

  2. 2
    Copy its Browser Source URL

    Each output has one permanent URL that keeps working as its layout changes.

  3. 3
    Add 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.