Open the Vootkit workspace.
01Video & Streaming toolVideo or media file
Stream Overlay Creator
Design a transparent webcam overlay for OBS.
100% FreeRuns instantlyNo watermark
- 1Choose toolOpen the Vootkit workspace.
- 2Add inputProvide the content or settings.
- 3ProcessLet the browser do the work.
Private by designProcessed on your device where possible.
Works on any deviceDesktop, tablet and mobile browsers.
No installationOpen the page and start working.
Always free coreUse the free plan for everyday tasks.
How to use Stream Overlay Creator
Provide the content or settings.
02Let the browser do the work.
03Copy, download or continue.
04Your files stay private
Your work is processed locally in your browser where possible and is never added to a Vootkit upload library.
Learn more about privacyOverlays exist to frame the content, and the commonest mistake is letting them compete with it. A viewer who is reading your webcam border instead of watching the game has been distracted by decoration.
What Stream Overlay Creator does
Builds a stream overlay you can add as an OBS source — the frame around your content, including webcam borders and information panels.
Deliberately static rather than animated: an animated overlay re-encodes every frame it touches, which costs CPU your encoder needs.
Design and setup
| Output | An overlay image for OBS |
|---|---|
| Animated? | No — static, to protect encoder CPU |
| Add to OBS as | An image source above your game/camera |
| Safe area | Keep the centre clear |
| Chat and alerts | Add separately as their own sources |
| Transparency | Preserved, so content shows through |
| Privacy | Generated in your browser |
Detailed steps
- Design the frame, keeping the middle of the canvas empty.
- Add it as an image source above your game and camera.
- Check it against actual gameplay, not a still — moving content is where clutter shows.
Worth knowing
Leave the bottom third emptier than feels right. Platforms overlay their own controls, captions and chat prompts there, and on mobile the player UI covers more of it again. An overlay that looks balanced in OBS can have its lower elements completely hidden for a large share of your audience.
Frequently Asked Questions
Will an overlay slow my stream?
A static one costs almost nothing. Animated overlays and browser sources running effects do consume CPU, and that is CPU your encoder is competing for — which shows up as dropped frames rather than as a slow overlay.
How much of the screen should it cover?
Less than you think. The content is what people came for; the overlay is a frame. If a viewer has to look past your design to see the game, the design is too big.
Where do alerts and chat go?
As separate sources, added on top. Keeping them independent means you can move or disable them per scene without rebuilding the overlay.
Should it match my channel art?
Yes — consistent colour between overlay, banner and emotes is what makes a channel feel deliberate. The Stream Asset Sizer handles the other pieces at the correct dimensions.
Is Stream Overlay Creator free?
Yes. The Vootkit free plan includes 5 tool runs a day. Upgrade to Vootkit Pro for unlimited daily use, an ad-free workspace and saved workflows.
Are my files uploaded?
No. Stream Overlay Creator runs entirely in your browser — your file is processed on your own device and never sent to a server. There is nothing for us to store or delete.
Do I need to install anything?
No. Stream Overlay Creator works in any modern browser on desktop, tablet or phone. Open the page and start.
How often can I use it? Is there a daily limit?
On the free plan you get 5 tool runs a day. When you reach the limit you'll see a prompt to upgrade, and it resets the next day. Vootkit Pro removes the cap entirely for unlimited daily use.
Recently viewed
This tool processes everything locally in your browser. You can disconnect from the internet after the page loads and it will still work.