Skip to main content

Emote Overlay

An overlay that shows emote streaks on stream and also lets viewers trigger emotes to pop randomly on screen.

  • Emote streaks appear in a corner when multiple chatters spam the same emote.
  • Viewers can type !showemote emoteName to pop emotes around your scene.
  • Supports Twitch, FFZ, BTTV, and 7TV emotes.
  • Designed for OBS (Browser Source).
Quick demo

Try it live by visiting the URL below in your browser (replace yourtwitchname):
https://emote.slaiqe.gg/?channel=yourtwitchname

Quick Start (OBS)​

  1. In OBS, add Browser Source → Create new → name it e.g., Emote Overlay.

  2. Set URL to:

    https://emote.slaiqe.gg/?channel=yourtwitchname

  3. Suggested settings:

    • Width: 1920
    • Height: 1080
    • FPS: 60
    • Shutdown source when not visible: off (optional)
    • Refresh browser when scene becomes active: on (optional)

  4. Click OK. You should now see the overlay appear when chatters use emotes.

Usage & URL Parameters​

Customize the overlay with URL parameters. Format:

https://emote.slaiqe.gg/?channel=yourtwitchname&parameter=value

Example (higher streak threshold and larger pop size):

https://emote.slaiqe.gg/?channel=forsen&minStreak=10&showEmoteSizeMultiplier=3

Required​

  • channel (string) — the Twitch channel name to connect to.

Streak Overlay (corner badge)​

  • minStreak (number) — minimum emote streak to trigger. Default 5 (min allowed 3).
  • streakEnabled (1 or 0) — enable/disable the streak badge. Default 1.
  • emoteLocation (1 to 4) — position of the badge:
    1 = Top-Left, 2 = Bottom-Left, 3 = Bottom-Right, 4 = Top-Right. Default 1.
  • edgeMargin (number) — distance from screen edge in px. Default 32.
  • bottomOffset (number) — extra downward shift (for bottom corners), px. Default 0.
  • slideOffset (number) — off-screen distance (px) used for slide-in/out animation. Default 320.
  • streakIdleMs (milliseconds) — how long before the badge slides out when idle. Default 2000.
  • emoteStreakText (text) — text appended after the emote name.
    Example: emoteStreakText=Hype! → “x5 PogChamp Hype!”.
    For no text: emoteStreakText= (leave empty). Default streak!.

Random Emote Pops (!showemote)​

  • showEmoteEnabled (1 or 0) — enable the viewer command. Default 1.
  • showEmoteCooldown (seconds) — cooldown per use. Default 6.
  • showEmoteSizeMultiplier (number) — scale factor. Default 1.

Examples​

Top-Right badge, larger pops, looser edges

https://emote.slaiqe.gg/?channel=yourtwitchname&emoteLocation=4&edgeMargin=48&showEmoteSizeMultiplier=2

Bottom-Left badge

https://emote.slaiqe.gg/?channel=yourtwitchname&emoteLocation=2

Disable streak overlay; pops only

https://emote.slaiqe.gg/?channel=yourtwitchname&streakEnabled=0

FAQ / Troubleshooting​

I don’t see any emotes.
Make sure the channel parameter is correct and people are actually sending emotes in chat. If testing alone, try spamming the same emote a few times or lower minStreak (e.g., minStreak=3).

Some emotes don’t appear.
The overlay supports Twitch, FFZ, BTTV, and 7TV. If a specific emote is missing, verify it exists for your channel or is a global emote on those platforms.

The overlay feels off-position in my canvas.
Use edgeMargin and bottomOffset to nudge the badge. For example: edgeMargin=48&bottomOffset=8.

Credits​