Overlay editor

‹ Gallery Overlay editor

Search overlays

Click a part to add it, or drag it onto the canvas.

⤒ Upload images

PNG with a see-through background works best (logos, borders, stickers). Images stay in this browser. In StreamElements you upload each one in the widget's Fields › Images.

Top of the list is in front. Drag a row to reorder.

Drag to move · 8 handles resize · top dot rotates · Shift+corner zooms contents · Alt turns snapping off

Colour

Brightness See-through

Hex colour

Copy to StreamElements

In StreamElements, add a Custom Widget to a 1920 × 1080 overlay. Open its code editor and replace each tab (HTML, CSS, JS and FIELDS) with the matching box below. Set the widget to 1920 × 1080 at X=0, Y=0, then save.

Setup instructions