Free OBS Overlays Generator New

Adding the overlay in OBS, field by field

1. Sources dock, + button, Browser. Name the source after the overlay (“Starting soon”, “Chat”) so you can find it later, then confirm.
2. URL — paste the link from Copy URL. Leave Local file unticked.
3. Width / Height — the size shown under the preview. Full-screen scenes and the positioned widgets are drawn for 1920×1080 and scale to any 16:9 size; the webcam frame should match your camera source; the chat overlay fills whatever size you give it, for example 420×720 in a corner.
4. Custom CSS — leave the default. OBS’s default rule already makes the page background transparent.
5. Shutdown source when not visible — leave it off for chat, so messages stay when you switch scenes.
6. Refresh browser when scene becomes active — tick it on a “Starting soon” or “Be right back” scene whose timer counts N minutes, so the countdown restarts each time you switch to that scene.
7. Press OK, then drag the source into place. To update text, open the source’s Properties and paste the new link.

What each overlay does

• Starting soon, Be right back, Stream ending — full-screen scenes with a title, a subtitle, an optional timer (N minutes, until a clock time, or counting up how long you have been away) and up to eight social handles. “Scene pack” copies all three links in one matching style.
• Countdown timer — a compact timer you can put anywhere on a scene, with a custom message when it reaches zero.
• Live clock — the current time in any time zone, 12 or 24 hour, with seconds and the date if you want them. Handy when your viewers live in a different zone than you.
• Lower third and Now playing — a name banner with a tag and second line that can slide in, stay for a set number of seconds and come back on a loop; and a small plate for the game, song or topic.
• Social handles — up to eight handles shown one at a time on a rotation, or all together in a row or column.
• Text ticker — up to ten messages scrolling along the top or bottom edge, with a separator, speed and an optional label block such as NEWS.
• Goal bar, Top list, Poll results — numbers you type in: a progress bar with a currency prefix or unit, a ranked list with gold, silver and bronze places, and poll bars whose percentages always add up to exactly 100.
• Counter — deaths, wins or anything else, clicked up and down through OBS’s Interact window.
• Webcam frame — a gradient border with rounded corners, an optional glow and a name tag; the middle stays transparent.
• Twitch chat — live chat with emotes, badges and name colours, message fade-out, hidden !commands and bots, and sub and gift notices. Messages deleted by moderators disappear from the overlay too. There is a separate page for it: the free Twitch chat overlay.

Design choices that matter on stream

Nine themes — including Twitch purple, Kick green and YouTube red — apply to every overlay type, so a scene full of widgets looks like one set; any of the four colours can be replaced with your own. Fonts are either the viewer-safe system fonts or fonts served from this site, so nothing is loaded from Google. Text size, corner radius, panel opacity and the distance from the edge are adjustable, all sizes scale with the source, and animations switch off when the system asks for reduced motion.

More free tools for your setup: pick an encoder bitrate with the OBS bitrate calculator, publish your week with the stream schedule generator, design your profile with free Twitch panels, or track a follower goal automatically with the sub goal thermometer.