---
title: Overlay widgets
description: Every widget explained - tip alerts, media player, tip goal, chat, soundboard, and Emotesplosion.
---

Widgets are the things that live inside an overlay. Add and arrange them in the [overlay editor](/overlay/edit-your-overlay); here's what each one does.

## Tip alert

The on-stream pop-up when someone tips: "Name tipped £5", their message, your chosen sound, then TTS reading it out. Replayed tips get a gold "(Replay)" badge, and sub-reward messages show in Twitch purple.

This widget also renders your [Twitch alerts](/alerts/twitch-alerts) - follows, subs, raids and the rest - in the same style, so everything matches.

**Exclusive**: only one connected overlay can carry it at a time.

## Media player

Plays viewer-requested YouTube videos from the queue, with a "Now Playing" card showing the title and who requested it. Videos play for up to your max duration (default 90 seconds) from the requester's chosen start time.

- Three now-playing styles: classic text bar, thumbnail, or a full card - with an optional progress bar.
- **Video on stream** can be toggled off (from [Controls](/queues/controls)) - the audio still plays, the video just isn't shown.
- **Backup playlist**: when the queue is empty, a YouTube playlist of your choosing plays quietly as filler, and stops the moment a real request lands. Set it up on the [Media page](/queues/media-requests).
- Age-restricted, private, and region-locked videos are skipped automatically with an on-screen note.

**Exclusive**: one connected overlay at a time.

## Tip goal

A progress bar towards a fundraising goal - title, amount raised out of target, an optional percentage, and an optional countdown to your end date. It fills live as tips come in. The look is fully customisable from the widget's inspector: bar thickness, rounding, fill and track colours, a glow, fonts and text sizes, text above / below / on the bar itself, and an optional background panel with its own colour, opacity, rounding, and padding. The goal itself (title, target, dates, reset) lives in the same inspector.

## Chat

Your Twitch or Kick chat rendered on stream - badges, 7TV and BetterTTV emotes, timestamps if you want them, deletes respected. Three styles (classic, minimal, compact), adjustable text size and weight.

## Soundboard

Plays sound clips you or your mods trigger from the dashboard - upload and manage clips on the **TTS** page, fire them from **Controls**. No visible UI on stream, just the sound.

**Exclusive**: one connected overlay at a time.

## Emotesplosion!

Emotes from your chat bounce around a box you size and place. That's it. It's great.

## Text

A static text label - your own words, at any size from 8 to 200px, in the
same curated font list as alerts, with colour, alignment, and a shadow or
outline treatment. Add as many as you like and stack them anywhere.

## Image

An image you upload (PNG, JPEG, GIF, or WebP up to 8MB) - logos, frames,
panels, PNG-tuber props. Contain/cover/stretch fit and corner rounding.
Multiple allowed; the editor keeps a picker of your recent uploads.

## Custom widget

Your own widget, written in HTML/CSS/JS with a settings form you define -
and StreamElements custom widgets run as-is. Big enough to get [its own
page](/overlay/custom-widgets).

## Layer order

The Layers list is your stacking order - top of the list renders on top of
the stream. Use the up/down arrows on a layer row to bring a widget forward
or send it backward (an image behind chat, a text label above an alert).

## Status indicators

Not a widget you add - small corner banners the overlay shows on its own when something needs attention: "Overlay lost connection", "Click to enable audio", or a note about an auto-skipped video.