If you stream with Streamlabs Desktop, adding an overlay is refreshingly simple — once you know where to look. The whole system is built around a single ".overlay" file that imports your entire setup at once: screens, alerts, widgets and all. No adding ten sources by hand.
This guide walks through it: how to import a ready-made overlay, how to add your own custom graphics, what Widget Themes are, and the free options — with the exact clicks that work in Streamlabs Desktop.
What are Streamlabs overlays and themes?
A Streamlabs overlay is the visual layer of your stream — your starting-soon screen, webcam frame, alerts, chat box and panels — all designed to match. In Streamlabs you'll see two related terms:
- Overlays / Themes — the full visual design (screens, alerts, the lot). These import as a ".overlay" file or install straight from the Streamlabs Theme Library.
- Widget Themes — a profile that stores all your alert and widget settings (alert box, donation goals, chat box). You can keep several and switch between them.
The big advantage of Streamlabs Desktop is that everything lives in one app. Your overlay, your alerts and your stream settings are bundled together, so you're not juggling a separate browser-source dashboard like you would elsewhere.
How to import an overlay into Streamlabs Desktop
This is the fastest way to get a full setup live. If you've got a ".overlay" file (most overlay packs include one), it imports your entire scene collection in one go.
- Open Streamlabs Desktop and click the Settings (gear) icon.
- Go to Scene Collections.
- Click Import Overlay File.
- Select the .overlay file you want to upload and click Open.
- You'll see a short loading screen while it imports — then you land in your scenes, fully set up.
That's it. All your screens, webcam frame, alerts and panels appear as ready-made scenes. From there you can tweak positions, resize anything, and you're live with a complete look in a few minutes.
Adding your own custom overlay
Don't have a .overlay file, or want to build a scene from your own graphics? You can add individual elements by hand just as easily.
Under each Scene, click the + button next to Sources, then:
- Choose Image (for a static PNG/JPG element like a webcam frame or panel) and click Add Source.
- Give it a name, click Add New Source, then Browse to find your image file.
- Repeat for each element — your starting-soon background, webcam frame, chat box, and so on — until your scene is complete.
For animated overlays, use a WebM file instead. WebM is the go-to format for animated stream graphics because the files are small, they carry true transparency, and they barely touch your CPU. Add it the same way (as a Media/Image source) and it loops cleanly over your scene with no background box.
Streamlabs Widget Themes (alerts & widgets)
Your Widget Theme is where your alerts and interactive widgets live — your alert box, donation goals, event list and chat box. Think of it as a saved profile for everything that reacts to your viewers.
You can install a ready-made Widget Theme from the Streamlabs library, or create your own: head to your Widget Themes page in the Streamlabs dashboard, click Create Widget Theme, and name it. From there you customise each widget's look and behaviour. Keeping your Widget Theme matched to your overlay's style is what makes your alerts feel like part of the design instead of a generic pop-up.
Advanced tip: Streamlabs also has a Custom Widget feature (in the dashboard, or via the + in your sources under the Widgets section) for creators who want to build widgets with their own HTML/CSS. It's powerful, but you only need it if you're going fully custom.
Free Streamlabs overlays
You don't have to spend anything to get started. Streamlabs has a large library of free overlays and themes you can install in a couple of clicks, and they're a perfectly good way to test the waters.
The catch is the familiar one with free assets: a free Streamlabs overlay rarely matches across the board. You might like one alert style, a different webcam frame, and panels in a third look — which ends up feeling pieced together. A free overlay solves one piece; it doesn't give you a cohesive channel.
If you want a fully matching look without spending anything yet, grab a free overlay pack — it's a complete set (screen, webcam frame, alerts, panels) designed together, so you can import it into Streamlabs and see how a cohesive setup actually feels.
Streamlabs Desktop vs OBS — which should you use?
Both are great, and your overlay works in either. The short version:
- Streamlabs Desktop is the most beginner-friendly. The .overlay one-click import, built-in alerts and themes all live in one app — ideal if you want everything bundled and simple.
- OBS Studio is lighter and more flexible, and pairs with StreamElements or Streamlabs widgets via browser sources. Better if you want full control and lower resource use.
There's no wrong answer — pick the one you're comfortable in. Our guides on how to add overlays to StreamElements and the overlay import workflow for OBS & Streamlabs cover the alternatives step by step.
Get a Streamlabs-ready overlay set
A Streamlabs overlay is one of the quickest routes to a professional-looking stream — and the free themes will get you going. But the real upgrade is a set where your screens, alerts, chat box, webcam frame and panels all share one style and import as a single ready-made pack.
That's what every NeonStreamLab pack includes — a complete, matching overlay set ready for Streamlabs, OBS or StreamElements, in dozens of themes. Once it's imported, the next quick wins are your chat and your camera: here's how to add a chat overlay and how to add a webcam overlay. Or browse the overlay packs and find a style that already feels like your channel.
