Skip to content
CrispOverlays
Setup guide

Stream overlays for Streamlabs Desktop

CrispOverlays works in Streamlabs Desktop as a browser source. Add one URL and every overlay in your stream — lower thirds, tickers, alerts, timers, webcam frames — shows up on top of your scene.

After that you never touch Streamlabs Desktop again to change graphics. Edit text, colours and data in CrispOverlays and the change appears on stream instantly, without refreshing the source.

How to add overlays to Streamlabs Desktop

  1. Step 01

    Copy your stream’s browser source URL from CrispOverlays.

  2. Step 02

    In Streamlabs Desktop, click + next to Sources and pick Browser Source.

  3. Step 03

    Paste the URL and set the size to 1920 × 1080.

  4. Step 04

    Add it to your scene. Edits in CrispOverlays now appear live.

Tip: use 3840 × 2160 for 4K streams, or switch your stream to vertical (1080 × 1920) for TikTok LIVE and Shorts.

Streamlabs Desktop: questions

How do I add an overlay to Streamlabs Desktop?

Copy your stream’s browser source URL from CrispOverlays. In Streamlabs Desktop, click + next to Sources and pick Browser Source. Paste the URL and set the size to 1920 × 1080. Add it to your scene. Edits in CrispOverlays now appear live.

Do I need a plugin for Streamlabs Desktop?

No. CrispOverlays uses the built-in browser source, so there is nothing to download or install.

What size should the browser source be?

Use 1920 × 1080 for a 1080p stream or 3840 × 2160 for 4K. For vertical streams use 1080 × 1920.

Add your first overlay to Streamlabs Desktop

Free plan · No download · Works in any app with a browser source.

Create your first overlay — free