Twitch overlaysBrowseOVERLAY PREVIEW

YOUR NEXT STREAM STARTS HERE

Twitch overlays

Pick an overlay. Preview it. Change the colours, add your name, then copy it into StreamElements.

DEMO
Sample stream · 1080p
Y

English Overlay demo

Your colours, images and name are included

Customise

Text

Colours Tap a circle to open the colour wheel, or type a hex code.

Images Add a PNG to one part only, such as the webcam border. Everything else stays transparent.

Images stay in your browser. They're never uploaded anywhere, and go straight into your copied CSS. Big images make the CSS much longer, so they're shrunk automatically.

About Your cool name

See how this overlay sits inside a stream. The middle of the screen and the webcam hole are see-through. Press ▦ on the player to check it on a transparency grid.

✦ Free to copy▣ StreamElements◐ Colour wheel + hex⧉ Your name included

This is an independent preview gallery, not Twitch. Chat, audience activity and stream content shown here are demonstrations.

Use this overlay

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

Overlay setup instructions