#no-js-skip:checked + #no-js { display: none; } #no-js { position: fixed; inset: 0; z-index: 100; display: flex; align-items: center; justify-content: center; padding: 16px; background: rgb(17 17 22 / 0.85); } #no-js > div { display: flex; flex-direction: column; gap: 16px; max-width: 720px; padding: 24px; background: var(--glass-bg-card); border: 1px solid var(--line-color); box-shadow: 0 0 12px var(--line-glow); color: var(--brand-moonlight); font-family: var(--font-sans); text-align: center; } #no-js img { display: block; width: 100%; height: auto; } #no-js p { margin: 0; line-height: 1.6; } #no-js .caption { font-family: var(--ui-font-display); font-size: 1.25rem; } #no-js label { align-self: center; cursor: pointer; font-family: var(--ui-font-display); text-decoration: underline; opacity: 0.8; }

Ginny, a fluffy ginger cat, looking up from inside a cardboard box

Disable your adblocker to feed Ginny!

Stream UI runs in your browser and needs JavaScript to work. Please allow it for this site: it also lets the ads show, and the ads are what keep Stream UI free (and Ginny fed).

I hate cats and indie devs anyway

Viewer Cards widget

Give every viewer a card of their own: their scores this stream and of all time, and the achievements they unlocked. Something to show off, and a reason to keep coming back.

Features list

Each viewer's scores, counted by the Streamer.bot triggers you pick
Achievements unlocked automatically, each with its badge
One card on demand, every active viewer's in turn, or all of them scrolling
A chat message and a custom event for each achievement
An optional screenshot of each card

Go to documentation

Display modes

Single card

Time on screen
Save a picture of each card: Saved by the overlay that runs the actions, when it shows the cards.
Screenshot folder

All cards in turn

Time per card
Loop: Off: hidden after one pass.

All cards scrolling

Scroll speed
Loop: Off: hidden after one pass.

Card settings

Subscribers and members only
Show platform icon
Show sub tier
Show chat badges
Sections layout
Show achievement badges
Show channel name
Show date

Card sections

Twitch

Section list

YouTube

Section list

Kick

Section list

Scores

Twitch

Score list
An integration's supporter (Ko-fi…) counts for the viewer with the same name on each platform where Streamer.bot knows them. Set the name field in Settings › Streamer.bot, on the integration's row.

YouTube

Score list
An integration's supporter (Ko-fi…) counts for the viewer with the same name on each platform where Streamer.bot knows them. Set the name field in Settings › Streamer.bot, on the integration's row.

Kick

Score list
An integration's supporter (Ko-fi…) counts for the viewer with the same name on each platform where Streamer.bot knows them. Set the name field in Settings › Streamer.bot, on the integration's row.

Achievements

Twitch

Achievement list
An integration's supporter (Ko-fi…) counts for the viewer with the same name on each platform where Streamer.bot knows them. Set the name field in Settings › Streamer.bot, on the integration's row.

YouTube

Achievement list
An integration's supporter (Ko-fi…) counts for the viewer with the same name on each platform where Streamer.bot knows them. Set the name field in Settings › Streamer.bot, on the integration's row.

Kick

Achievement list
An integration's supporter (Ko-fi…) counts for the viewer with the same name on each platform where Streamer.bot knows them. Set the name field in Settings › Streamer.bot, on the integration's row.