Widgets overview.
Widgets are the building blocks of an overlay. Some fire on an event and leave (alerts), some stay on screen and update themselves (goals, timers, chat, labels), and some are just decoration (text, images, video). You can also build your own.
Adding a widget
In the editor, open the widget picker and choose what to add. It drops onto the canvas ready to style. Alerts are unique per overlay, so each overlay has at most one Subscriber alert, one Cheer alert, and so on. If you click an alert type you already have, the editor jumps you to it.
The catalog
| Widget | What it is |
|---|---|
| Alerts | Fire on subs, follows, cheers, raids, redemptions, shoutouts, tips and merch sales. |
| Goals | A progress bar toward a target: followers, subs, bits, tips, raids or redemptions. |
| Countdown and subathon | A countdown to a time or duration, or a subathon clock that grows with events. |
| Chat box | Your live Twitch chat on screen, fully styled. |
| Data labels | Live text readouts like latest follower or subs this session. |
| Counter | Shows a chatbot counter (deaths, wins) live on the overlay. |
| Text, image and video | Static decoration and backgrounds. |
| Custom widgets | Your own HTML, CSS and JavaScript, or something the AI builder made. |
Not sure where to start?
Add an alert and a goal, style them to your channel colors, and you already have a solid overlay. Use AI Magic Builder when you want something custom without writing code.