✦ Stream Overlays ✦
Transparent browser-source overlays for any streaming software. Customize each widget below, then copy its URL into a browser source.
Widgets
Infinite marquee through all gifts in
assets/live_ranking_gifts/.
Width auto-sizes items to the window, or pin an exact count.
Customize
Counts down to the next KST bonus window (10:00–12:00 & 22:00–24:00). During bonus time the label glows and shows remaining time.
Customize
Shows bonus windows (10:00–12:00 & 22:00–24:00 KST) rotating through timezones with a cherry pulse. Toggle which timezones appear.
Customize
Full-screen snack time overlay with a transparent mosaic blur effect and snack-time art centered on top, plus Mattuki and Eunji walking by.
Customize
Rotating Minecraft server promo text with a typewriter effect, erase animation, and a warm gold pulse between phrases on a transparent background.
Customize
Rotating rules widget for the Minecraft server. The default view interweaves summoner and player rules one at a time, and you can still switch to summoner-only or player-only with the same browser source.
Customize
Live gift-mob leaderboard for Moncherry Core. It uses Server-Sent Events to keep ranked viewer mobs updated without refreshing the browser source.
Customize
Animated transparent overlay that demonstrates the current Moncherry HP economy with flying TikTok interactions, healing, max-HP growth, and mob evolution.
Customize
Rotating overlay that plays the full summoner level-up run, shows the live leaderboard for a timed beat, then restarts the run automatically.
Customize
Browser-side Kokoro TTS client for stream announcements. It can play hardcoded demos or listen to announcement SSE events.
Customize
Cycles through all six celebration stickers with five seconds per image and a smooth, overlapping crossfade on a transparent canvas.
Customize
How to use
In your streaming software, add a Browser Source. Paste the copied widget URL into the URL field. Set width & height to match your scene layout, and enable Allow transparency so the widget overlays cleanly.
The Copy URL buttons auto-detect the current
page origin — so if you access this index via a CNAME like
widgets.yourstream.com, all copied URLs will already
point to your domain. No manual editing needed.
Bonus time runs every day 10:00–12:00 KST and 22:00–24:00 KST. KST is UTC+9.
US timezone conversions account for DST automatically. A small
-1d badge appears when the converted window falls on
the prior calendar day.
Gift images live in assets/live_ranking_gifts/.
To add or remove gifts, edit the GIFTS array near
the top of gift-scroller.html.
The folder must sit next to the HTML file.
All widgets use background: transparent.
In your streaming software's browser source settings, enable
Allow transparency (or equivalent). No custom CSS needed.
You can also append any params manually to a URL for fine-tuning:
gift-scroller.html?maxVisible=4&speed=60bonus-countdown.html?mode=activebonus-times.html?timezones=KST,EST&interval=4000brb.html?blur=120&changeSpeed=1.5&color2=%23dc1f4e&opacity2=0.45&snackSpeed=5mc_server_promo.html?typeSpeed=70&eraseSpeed=40&pulse=4000mc_server_rules.htmlmc_server_rules.html?mode=all-interweave&hold=10000mc_server_rules.html?mode=summonermc_server_rules.html?slide=summoner-3moncherry-leaderboard.html?maxEntries=10moncherry-leaderboard.html?channel=the.hooded.one&maxEntries=10moncherry-mob-economy.html?hold=1&autoscale=off&likes=20-90&comments=2-18&coins=1-24moncherry-hybrid.html?leaderboardMs=4000&hold=1moncherry-hybrid.html?channel=the.hooded.one&leaderboardMs=4000&hold=1anouncemenst.html?layout=bare&autostart=onanouncemenst.html?layout=bare&autostart=on&channel=the.hooded.oneanouncemenst.html?demo=on&voice=bella&interval=5500anouncemenst.html?layout=bare&autostart=on&message=Welcome%20to%20the%20streamanouncemenst.html?layout=bare&type=summon_slain&user=Dante&message=Dante%27s%20summon%20has%20been%20slain%20by%20Moncherry%20Guard.&visualText=%7Bkiller%7D%20destroyed%20%7Bsummon%7D&killer=Moncherry%20Guard&mobType=Zombiesticker-rotator.html?hold=5000&fade=800&padding=2