#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 Counter widget

Show off your audience across every platform: your live viewers on Twitch, YouTube and Kick on one compact line, and how many people have chatted this stream if you like.

Features list

Live viewers on each platform, or one total
How many different people have chatted
Show, hide and reset with Streamer.bot triggers

Live viewers on Twitch, YouTube and Kick on one line

Seen on la_Syl

Want to be featured here? Send a screenshot of your widget to contact@lasylstudio.net with your streamer name and channel URL.

Go to documentation

Settings

Show platform icons
Merge platforms
Show unique chatters