Overlays for OBS Studio
CrispOverlays works in OBS Studio 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 OBS Studio 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 OBS Studio
- Step 01
Copy your stream’s browser source URL from CrispOverlays.
- Step 02
In OBS Studio, click + in the Sources panel and choose Browser.
- Step 03
Paste the URL, set width to 1920 and height to 1080, then click OK.
- Step 04
Edit your overlay in CrispOverlays — the change appears on stream immediately.
Tip: use 3840 × 2160 for 4K streams, or switch your stream to vertical (1080 × 1920) for TikTok LIVE and Shorts.
Popular overlays for OBS Studio
Nightglass webcam frame
Sticker stream alert
Cozy Room brb screen
Turbo hype meter
Nightglass lower third
Soft Pastel q&a card
Nightglass podcast layout
Candy Pop social overlay
OBS Studio: questions
How do I add an overlay to OBS Studio?
Copy your stream’s browser source URL from CrispOverlays. In OBS Studio, click + in the Sources panel and choose Browser. Paste the URL, set width to 1920 and height to 1080, then click OK. Edit your overlay in CrispOverlays — the change appears on stream immediately.
Do I need a plugin for OBS Studio?
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 OBS Studio
Free plan · No download · Works in any app with a browser source.
Create your first overlay — free