Back

Kawaii Drinkies

Your Goal, Your Drink

A kawaii goal tracker widget for StreamElements. Watch your favorite drink fill up as your community reaches goals together! 21 unique cup themes, 30 celebration effects, and full chat command support.

21 Cup Themes 30 Celebrations 7 Event Types Chat Commands OBS Ready

21 Drink Themes

Each cup fills with animated liquid as your goal progresses

View Full Gallery →

Widget Code

Copy into StreamElements Custom Widget fields

widget.html 
Loading...
Loading...
Loading...
Loading...
Loading...

Quick Setup

  1. Go to StreamElements → My Overlays → Add Overlay
  2. Click the + button → Static/Custom → Custom Widget
  3. Open the widget editor (click the widget layer)
  4. Copy each tab's code from above into the matching field: HTML, CSS, JS, Fields, Data
  5. Click Save — your cup appears!
  6. Customize the theme, colors, and effects in the widget settings panel

Chat Commands

!add 5Add to progress
!drop 3Remove from progress
!progress 50Set progress to value
!target 200Change goal target
!clearReset progress to 0

All Pages

Gallery
01 — Hero Cups 02 — Themes 1-10 03 — Themes 11-21 04 — Celebration Effects 05 — Fill Bar Styles 06 — Bar Styles Part 2 07 — Features Breakdown 08 — Layout Options 09 — Chat Commands 10 — Stream Mockup 1 11 — Stream Mockup 2 12 — Compatibility
Cup Previews
Cups 1-7 Cups 8-14 Cups 15-21 Stanley Tumbler Witch Poison All Cups (23)
Dev / Docs
Liquid Animation Methods Documentation