← Back to Widgets

Stream Pet - Golden Retriever

An animated kawaii golden retriever pet for your stream overlay. Reacts to chat commands and stream events (follows, subs, donations, raids, cheers) with 20 unique WebM animations. Features an optional alert bubble that displays event info above the pet.

20 Animations 14 Chat Commands 5 Stream Events Alert Bubble Auto-Sleep Permissions
Description
STREAM PET - GOLDEN RETRIEVER
Animated kawaii pet overlay widget for StreamElements.
Reacts to chat commands and stream events with smooth WebM animations.
by AnimationBlondie — https://animationblondie.com

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

20 ANIMATIONS

Idle (loop):
  - idle — default breathing/blinking loop

Chat Commands (13):
  - !pet — petting animation
  - !play — playful bouncing
  - !dance — dancing
  - !sleep — sleeping loop (also auto-triggered)
  - !love — hearts floating
  - !angry — frustrated expression
  - !drink — drinking animation
  - !hungry — hungry expression
  - !excited — excited bouncing
  - !scared — scared reaction
  - !sleepy — drowsy transition
  - !tired — tired expression
  - !twerk — twerk dance

Stream Events (6):
  - New Follower
  - New Subscriber
  - New Donation
  - New Raid
  - New Cheer (bits)
  - New Visitor (first-time chatter)

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

ALERT BUBBLE

Optional speech bubble above the pet showing event info.
Fully customizable per event type:

Templates (with variables):
  - Follow: "{name} just followed!"
  - Sub: "{name} just subscribed!"
  - Donation: "{name} donated {amount}!"
  - Raid: "{name} raided with {viewers}!"
  - Cheer: "{name} cheered {amount} bits!"

Each event can be individually toggled on/off.
Customize: font, size, colors, border, duration, offset.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

FEATURES

Double-Buffer Video:
  Two video elements with canvas freeze-frame
  for seamless transitions between animations.

Animation Queue:
  Stream events get priority (play first).
  Chat commands queue in order.

Auto-Sleep:
  After configurable inactivity timeout,
  pet automatically transitions to sleep loop.
  Wakes on any chat activity or event.

Permissions:
  Streamer only / Mods / Subs / Everyone

Cooldown:
  Per-user per-command cooldown to prevent spam.

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

SETTINGS (70 options in 6 groups)

  1. Pet Settings — size
  2. Animation URLs — 20 WebM URLs
  3. Chat Commands — 14 command names + toggles
  4. Permissions — who can use + cooldown
  5. Sleep Settings — auto-sleep + timeout
  6. Alert Bubble — master toggle, per-event toggles,
     text templates, font, colors, duration

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

Platforms: Twitch, YouTube
System: StreamElements Custom Widget Overlay
widget.html
widget.css
widget.js
widget.json (Fields)
widget.data.json (Data)

Setup Instructions

  1. Go to StreamElements → My Overlays → New Overlay
  2. Name it "Stream Pet - Golden Retriever" and click Create
  3. Click Add Widget → Static/Custom → Custom Widget
  4. Click on the widget → Open Editor
  5. Copy each code section into the matching tab (HTML, CSS, JS, Fields, Data)
  6. Click Save
  7. In Settings → Animation URLs, paste your WebM file URLs (uploaded to SE CDN)
  8. Enable/disable commands and configure the alert bubble as needed

Chat Commands

Command Animation Loop
!idleIdle breathing/blinkingYes
!petBeing pettedNo
!playPlayful bouncingNo
!danceDancingNo
!sleepSleepingYes
!loveHearts floatingNo
!angryFrustratedNo
!drinkDrinkingNo
!hungryHungryNo
!excitedExcitedNo
!scaredScaredNo
!sleepyDrowsyNo
!tiredTiredNo
!twerkTwerk danceNo

Stream Events

Event Animation Bubble Template
New FollowerFollower animation{name} just followed!
New SubscriberSub animation{name} just subscribed!
New DonationDonation animation{name} donated {amount}!
New RaidRaid animation{name} raided with {viewers}!
New CheerCheer animation{name} cheered {amount} bits!
New VisitorVisitor animation

Bubble Variables

Variable Description Available In
{name}Viewer's display nameAll events
{amount}Donation/cheer amountDonation, Cheer
{viewers}Raid viewer countRaid