Layers Overview
Understand layers, the Layers Panel, and how to add content to your scenes.
Every piece of content in your scene — cameras, displays, images, text, widgets — is a layer. Layers stack on top of each other, and you control their order, visibility, and position to build your layout.
Adding Layers
There are two ways to add content to a scene:
Toolbar (bottom of viewport)
The Toolbar has six tool buttons, each opening a different flyout:
| Tool | What It Adds |
|---|---|
| Text | Custom text overlays |
| Media | Images, videos, GIFs, slideshows, audio files |
| Browser | Web pages, overlays, and interactive content |
| Effects | Region-based canvas effects (blur, pixelate, etc.) |
| Widgets | Interactive stream widgets (chat, goals, counters) |
| Alerts | Alert overlays for stream events |
Sources Panel (left side)
The Sources Panel lists available hardware sources — cameras, capture cards, displays, windows, and audio devices. Click any source to add it to your scene.
Available Layer Types
| Layer Type | Description |
|---|---|
| Video Device | Webcam, capture card, or virtual camera |
| Display Capture | Application window or entire desktop |
| Game Capture | Fullscreen game with auto-detection |
| Media Source | Video or audio file playback (mp4, mov, webm) |
| Image | Static images (png, jpg, jpeg, gif, webp) |
| Browser | Web page, overlay, or alert URL |
| Text | Customizable text with fonts, colors, and styling |
| Effect Region | Blur, pixelate, and other canvas-level effects |
The Layers Panel
The Layers Panel sits below the Sources Panel on the left side. It shows every layer in the active scene, ordered by z-index — layers at the top render in front.
Reordering
Drag a layer up or down in the list to change its stacking order.
Hiding
Click the eye icon next to a layer to toggle visibility. The layer stays in the scene but won't render on canvas.
Locking
Click the lock icon to prevent accidental moves or resizes. Locked layers can still be selected from the Layers Panel.
Renaming
Right-click a layer and select Rename, then type the new name.
Deleting
Select a layer and press Delete, or right-click and choose Delete.
Context Menu
Right-click any layer for quick access to:
- Show / Hide — Toggle visibility
- Lock / Unlock — Toggle movement lock
- Rename — Edit the layer name
- Properties — Open the Inspector Panel
- Make Global — Persist this source across all scenes
- Always on Top — Render above effect regions
- Delete — Remove the layer
Global Sources
Mark a source as Global (via right-click → Make Global) to keep it across every scene in your collection. Your webcam and alert overlay are great candidates. Deleting a global source removes it from all scenes at once.
Always on Top
Sources marked Always on Top render above all effect regions (blur, pixelate, etc.). This is perfect for keeping your camera visible when applying blur effects to gameplay.
FAQ
How do I add a source to my scene?
Use the Toolbar buttons at the bottom of the viewport, or click a device in the Sources Panel on the left.
Can I add multiple layers of the same type?
Yes. Add as many as you need.
What image formats are supported?
PNG, JPG, JPEG, GIF, and WebP.
What video formats are supported?
MP4, MOV, and WebM.
Last updated on