La_Syl Studio

Stream UI Documentation beta

Everything about Stream UI, the free overlay widgets for Streamer.Bot: set it up, configure each widget and build overlays for your browser sources.
You will need the latest version of Streamer.bot to use Stream UI! Download it here.

Guide

From Streamer.Bot to your first overlay: what Stream UI is, how to connect it, and the triggers its widgets react to.

Getting started

What Stream UI is, the four steps to your overlay and its seventeen widgets.

Connecting Streamer.Bot

The WebSocket server, the action pack, platforms, integrations, backups and licences.

Triggers and conditions

The Streamer.Bot triggers widgets react to, their conditions, variables, chat messages and sounds.

Widgets guide

Each widget's settings, style and controls, one page per widget.
Chat Overlay
Chat First
Chatter Greeting
Chat Activity Rewards
Emote and Gifs Wall
Scoreboard
Viewer Cards
Shoutout
Clip Autoplayer
Alerts
Goals & Subathon
Stream Counter
Viewer Counter
Polls & Predictions
Timers
End Credits
Discord Webhooks

Overlay builder

Give every widget your look, place them on the canvas and add your overlays to your streaming software.

Appearance

The overlay style every widget follows, and each widget's own Style tab.

Layout and browser source

Positions, bars, several overlays, their URLs and the controls window.