← Back to Widgets

Kawaii Goal Ultimate

The ultimate kawaii goal widget with multiple themes and 3 layout variants. v2.0 features Kawaii Cloud and Boba Tea themes, each with Simple, Combo (donor list + stats), and Side Panel layouts. Includes celebration effects, chat commands, and stable child cards.

Multi-Theme 3 Layouts Donor List Balloons Celebrations Chat Commands

Themes & Layouts (v2.0)

☁️ Kawaii Cloud - Simple
☁️ Kawaii Cloud - Combo
☁️ Kawaii Cloud - Side
🧋 Boba Tea - Simple
🧋 Boba Tea - Combo
🧋 Boba Tea - Side

View all 9 theme previews →

Description
KAWAII GOAL ULTIMATE
The most customizable kawaii stream goal widget for StreamElements.
Hand-crafted with love for Twitch & YouTube streamers.
by AnimationBlondie — https://animationblondie.com

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

9 THEMES x 6 LAYOUTS = 54 UNIQUE COMBINATIONS

Themes (9):
  - Kawaii Cloud
  - Boba Tea
  - Stationery Desk
  - Birthday Party
  - Witchy Magic
  - Toasty
  - Kawaii Bakery
  - Kawaii Kitchen
  - Summer Vacation

Layouts (6):
  - Simple (main card only)
  - Combo (child cards below)
  - Side Panel Right
  - Side Panel Left
  - Horizontal Inline
  - Vertical Stack

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

GOAL TRACKING

Goal Types (7):
  - Manual (chat commands only)
  - Twitch — New Followers
  - Twitch — Subscribers (includes gift subs)
  - All Platforms — Tips & Donations
  - Twitch — Bits/Cheers
  - YouTube — Channel Members
  - YouTube — Super Chats

Goal Periods (4):
  - Session (current stream)
  - This Week
  - This Month
  - All Time

Currencies (10 + custom):
  $ USD, € EUR, £ GBP, zł PLN, ¥ JPY/CNY,
  ₽ RUB, R$ BRL, kr SEK/NOK/DKK, ₹ INR + Custom

Overflow Behavior (3):
  - Show overflow (175/100)
  - Cap at goal (100/100)
  - Hide after completion

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

EFFECTS & ANIMATIONS

Celebration Effects (10):
  - None
  - Hearts & Stars
  - Kawaii Clouds
  - Confetti
  - Sparkles
  - Cherry Blossoms
  - Bubbles
  - Balloons
  - Stars
  - Hearts

Bar Animations (4):
  - Bounce
  - Wiggle
  - Pulse
  - Shake

Effect Repeat Mode (3):
  - Only once (at goal)
  - Every addition
  - At milestones (100%, 150%, 200%...)

Effect Duration: Adjustable 2–10 seconds + live preview button

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

ICONS

Built-in Icons: 167+ kawaii icons hosted on StreamElements CDN
  (phones, hearts, notebooks, markers, social media, UI icons, and more)
Custom Icon: Upload your own image to override theme mascot
Icon Size: Adjustable 32–300px

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

TYPOGRAPHY

Fonts (5):
  - Pacifico (Cursive)
  - Caveat (Handwritten)
  - Patrick Hand (Casual)
  - Fredoka (Rounded)
  - Nunito (Clean)

Font Size Sliders (7):
  - Title: 10–60px
  - Progress Values: 10–48px
  - Donors Header: 7–36px
  - Donor Names & Amount: 9–36px
  - Stats Label: 7–48px
  - Stats Value: 10–72px
  - Icon Size: 32–300px

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

LAYOUT & ALIGNMENT

Widget Width: Adjustable slider 1–800px (1 = default for layout)

Title Position (4):
  - Above center, Above left, Above right, Hidden

Progress Values Position (10):
  - Below (center, left, right)
  - Above (center, left, right)
  - Inside bar (left, center, right)
  - Hidden

Align To (3):
  - Progress Bar
  - Bar + Icon Row
  - Whole Widget

Child Cards:
  - Show/hide Donors card
  - Show/hide Stats card
  - Swap cards position
  - All independently toggleable

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

CARDS

Main Card:
  Animated progress bar with theme mascot icon,
  customizable title and progress values display

Donors Card:
  Top 5 donors leaderboard with medal icons
  (or numbered list), customizable header title

Stats Card:
  Large progress number display with goal target,
  customizable label

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

CHAT COMMANDS

5 fully customizable commands:
  !add [amount] [name]  — Add to progress
  !drop [amount]        — Subtract from progress
  !progress [value]     — Set progress to value
  !target [value]       — Set goal target
  !clear                — Reset progress to zero

Permissions:
  - Broadcaster: always allowed
  - Moderators: toggleable on/off

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

TEXT CUSTOMIZATION

Editable Text:
  - Main card title (default: "Stream Goal")
  - Donors card title (default: "Top Donors")
  - Stats card title (default: "Progress")

Donors List Style:
  - Medal icons (gold, silver, bronze) or numbered list (1. 2. 3.)

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

SUMMARY

40+ customization options across 8 settings groups:
  1. Theme & Layout
  2. Icon Settings
  3. Typography
  4. Alignment
  5. Goal Settings
  6. Text
  7. Effects & Celebrations
  8. Chat Commands

Platforms: Twitch, YouTube
System: StreamElements Custom Widget Overlay
widget.html
widget.css
widget.js
widget.json (Fields)
widget.data.json (Data)
☁️ Kawaii Cloud — Fields (single theme)
🧋 Boba Tea — Fields (single theme)
📓 Stationery Desk — Fields (single theme)
🎂 Birthday Party — Fields (single theme)
🧙‍♀️ Witchy Magic — Fields (single theme)
🍞 Toasty — Fields (single theme)
🧁 Kawaii Bakery — Fields (single theme)
🥞 Kawaii Kitchen — Fields (single theme)
🏖️ Summer Vacation — Fields (single theme)

Setup Instructions

  1. Go to StreamElements → My Overlays → New Overlay
  2. Name it "Kawaii Goal Ultimate" 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. Use the Settings panel to choose themes and layouts

Chat Commands

Command Example Description
!add !add 10 Add amount to progress
!drop !drop 5 Subtract amount from progress
!progress !progress 50 Set progress to specific value
!target !target 200 Set goal target amount
!clear !clear Reset progress to zero