Overlays

Build OBS browser-source overlays from widgets, shapes and your own files — the starting point of the overlay studio.

Every button in the editor's top bar, the canvas, rulers, safe zones, the two editor modes, shortcuts and live collaboration.

The add panel, the layer list, groups, alignment, and every property of text, shapes, paths, images, video, browser sources, color fills and sound.

The Design & animation tab: corners, borders, masks, blend modes, shadow, glow, glass blur, color filters, entrance/exit/looping animations, event-only visibility and custom CSS.

Every live widget explained: what it shows, where its data comes from, and each of its settings.

Design an alert per event — text, GIF/video, sound, colors, amount-based variants and text-to-speech — with a live preview.

Try everything without going live: the event simulator, burst mode, replaying real events, test chat, and test vs live preview data.

Draft vs published, versions and rollback, the OBS browser source settings, one-click OBS setup, and approving an artist's changes.

If-then rules that show, hide or toggle layers and switch OBS scenes on events or chat commands.

Your colors, fonts, logo and name in one place; your upload library; and the template styles and packs.

Share an overlay with a code or a .dabovl file, import someone else's, and install or publish overlays in the Market.

Design your own OBS scene transition (stinger) with your colors, logo, text and sound, rendered as a transparent WebM.

Four DAB panels you dock inside OBS: Control (your buttons), Activity, Stream info and Team picker.