Set the scene.
Starting, BRB, ending and offline scenes, plus layouts for the stream itself.
MADE TO MOVE. MADE TO BE YOURS.
A whole new
world for
your stream.
Find a look that feels like you. Animated screens, transparent frames and matching community art, ready to make your own.
Editable namesComplete scene setsBuilt for OBS
THE LIVE LOOKBOOK01 / 03
IN THE SPOTLIGHT
Counterweight Garden
FOLLOW YOUR FEELING
What’s your kind of energy?
A starting point, not a box to fit in.
There’s plenty to explore.
ONE LOOK. EVERY MOMENT.
More than a starting screen.
Keep your whole stream in the same world.
Every pack brings the pieces together.
Leave room for you.
Animated webcam and chat borders with transparent openings for your content.
Give chat a little character.
Matching reaction emotes and subscriber badges in the sizes included with your pack.
Make an entrance.
Coordinated transitions. Expanse, Neural Playground and the personal collections include native flame WebMs.
FROM FIRST LOOK TO FIRST STREAM
A few steps.
A lot of personality.
- 01
Find your world.
Browse, save a few favorites, and compare two looks side by side.
- 02
Put your name on it.
Try each scene, add your channel details, then download the complete pack.
- 03
Bring it into OBS.
Unzip your files and follow the included guide to layer your scenes.
THE OVERLAY LIBRARY
Find your next look.
Browse complete animated packs. Try your name, compare favorites, then make it yours.
385complete packs32 CREATIVE WORLDS
Browse overlay packs
Loading 385 overlay packs…
No packs found.
Try a different search or clear your filters.
PREVIEW STUDIO
Make it yours.
Your selected pack
LIVE PREVIEW
1920 × 1080
THE COLLECTION
Loading your next scene…
Motion on
2 Explore the pieces
16 INCLUDEDWatch Along: place your window capture and camera beneath the openings. Virtual Studio: put this background below your keyed camera. Keyed Foreground: put these accents above your keyed camera.
Animation details
Emotes & subscriber badgesMatching artwork included with this pack
Made for your community.
These emotes and badges match the overlay pack you have selected.
Your selected look
14 ANIMATED REACTIONS
Emotes
24 CUMULATIVE TENURE MILESTONES
Subscriber badges
STATIC PNG
Built to grow with your community. The first badge is the new-subscriber icon. Later badges follow cumulative subscription tenure. Twitch controls which slots are unlocked; future milestones are prepared for when you need them. Twitch subscriber badges use the supplied static PNGs. Packs with animated badges also include GIFs for on-stream graphics.
Twitch badge guide ↗THE SETUP GUIDE
Good scenes.
Simple setup.
From your first download to the finishing touches. Start here, or jump straight to what you need.
Five practical guides for your stream.
01
YOUR FIRST SCENE
Add your pack to OBS.
Download a complete pack from the Studio, then unzip it into a folder you can keep. The animated HTML files become Browser Sources in OBS.
- Choose a scene in OBS.
In Sources, select +, then Browser. Give the source a useful name, like “Starting screen.”
- Choose your local HTML file.
Enable Local file, select the matching HTML from your unzipped pack, and enter the dimensions listed in START-HERE.txt.
- Check the fit.
Full screens use 1920 × 1080. Individual frames and panels can use other dimensions, so use the guide’s values for each file.
Browser source
✓ Local file
starting.html Browse
Width1920
×Height1080
Use your pack’s listed dimensions.
Keep your files together.Moving or renaming the folder later can break the file path in OBS. Update the Browser Source if you move it.
OBS Browser Source documentation 02
THINK IN LAYERS
Let your content show through.
OBS draws sources higher in its Sources list over the ones below. A transparent opening lets the camera or capture underneath stay visible.
Webcam or chat frame
- TOPAnimated frame
- BELOWYour camera or chat source
Green-screen studio
- TOPKeyed Foreground
- MIDDLECamera with chroma key
- BOTTOMVirtual Studio background
Checkerboard means transparency.The grid in this website’s preview helps you see empty space. It is not part of the exported overlay.
Using Watch Along? Put your Window Capture and camera under the layout’s openings. The pack supplies the layout; you choose and position your own captured content.
Only packs that list Watch Along, Virtual Studio or Keyed Foreground include those extra layouts. Your downloaded setup guide shows what is included.
OBS Sources guide03
THE SCENE CHANGE
Give your next scene an entrance.
The Expanse, Neural Playground and personal flame collections include a WebM made for an OBS Stinger transition, plus the original red-flame backup.
- Add a Stinger.
In the OBS Scene Transitions dock, add a Stinger and choose the theme-matched WebM from your pack.
- Set the transition point.
For these prepared flame clips, choose time in milliseconds and enter 600 ms. This is when OBS switches the underlying scene, not the video’s total length.
- Preview between two scenes.
Check the reveal and sound. The website preview is muted; the WebM includes audio. Use the OBS audio controls to suit your stream.
SCENE ASCENE B
600 ms
scene switches here
scene switches here
Fire covers the change, then reveals the next scene.
Check your pack’s guide.Other collections may use a browser transition rather than a native WebM. Always follow the timing and file instructions included with that pack.
How OBS stinger transitions work 04
FOR YOUR REGULARS
Bring the look into chat.
Open the emotes and subscriber badges section in the Studio to preview and download matching artwork.
Reaction emotes
Use PNGs for standard emotes and GIFs for animated emote slots. The supplied sizes are 112, 56 and 28 pixels. Available slots and approval are managed by Twitch.
Twitch emote formattingSubscriber badges
For Twitch, upload the static transparent PNGs at 72, 36 and 18 pixels. Later badge designs mark subscription milestones; Twitch controls the slots you can use.
Twitch subscriber badge guide✦112
✦56
✦28
✧72
✧36
✧18
PIXEL SIZES / ILLUSTRATION
About panels have two uses.Use the static PNGs on your Twitch profile. The animated HTML and GIF versions are for places that support motion, such as OBS.
Animated badge files included in some packs are bonus artwork for compatible uses. Twitch subscriber badges use the static PNG versions. Check COMMUNITY-GUIDE.txt for your pack’s file list.
05
A QUICK CHECK
When something looks off.
I see code instead of an overlay.
Add the HTML through an OBS Browser Source with Local file enabled. Opening an HTML file in a text editor shows its code.
My camera or video is hidden.
Check source order: the frame belongs above your footage. Use the frame’s listed dimensions and make sure you picked a transparent frame, rather than a full-screen scene.
The animation is paused.
Turn motion on in the website preview. In OBS, check that the source is visible and active. “Shutdown source when not visible” unloads it when hidden; “Refresh browser source when scene becomes active” restarts it when you return.
The chat frame is empty, or alerts are only examples.
The pack supplies the visual design. Add your preferred chat provider as a separate source. The alert layout needs a live event integration; the sample shown here is a demonstration.
My download did not finish.
Keep this tab open while the ZIP is prepared. If an error appears, use Try again. For a smaller download, open “More downloads” and choose the current HTML source.
How do I change my name later?
Return to the Studio, enter the new channel name, and download the pack again. Replace the relevant local files or update their paths in OBS.
No guide topics found.
Try a shorter search, such as “frame,” “OBS,” or “badge.”
READY WHEN YOU ARE