Hype Train Overlay
Show your active Twitch Hype Train on stream in real-time — level, progress bar, countdown, and top contributors. Animates on level-ups and fades out automatically when the hype train ends.
Step 1: Connect your Twitch account
Sign in with Twitch to skip these fields entirely.
Step 2: Customize and copy the overlay URL
Sign in to save this overlay configuration
How it works: The overlay connects to Twitch EventSub via WebSocket and listens for hype train events. It appears automatically when a hype train starts, animates the level badge on level-ups, and fades out 8 seconds after the train ends.
Safe to leave in your OBS scene permanently — renders nothing when no hype train is active.
Need help with the token? Full setup guide
Option A — Sign in with Twitch (easiest)
Sign in with Twitch on AllStreamTools. Your OAuth token and Client ID are filled in automatically.
Option B — Generate your own token
- Go to dev.twitch.tv/console/apps and create or select an app. Copy your Client ID.
- Go to twitchtokengenerator.com, enter your Client ID, select the
channel:read:hype_trainscope, and generate a token. - Paste the Access Token and Client ID into the fields above.
Add to OBS
Copy the overlay URL and add it as a Browser Source in OBS. Set width to 450 and height to 300. Leave it in your scene — it only appears when a hype train is running.
Why does this need an OAuth token?
Hype train data is tied to your broadcaster account and requires a user token with channel:read:hype_train scope. The token is used only to register the WebSocket subscription and is never stored on our servers.
Preview