Pick an overlay type and a theme, type in your text and the preview shows the result right away. Copy the link and add it to OBS as a Browser source: your starting soon screen, lower third, ticker or donation goal will sit on the scene with a transparent background.
A full-screen intro before you go live: title, subtitle, countdown and your socials.
You type the data in yourself: the overlay does not connect to platforms or donation services. Changed a text, an amount or the leaderboard? Paste the new link into the source properties. The Refresh button, shown under the preview when the source is selected, reloads the overlay with the same data: the timer and animations start over.
Everything is calculated in your browser: nothing you enter is sent anywhere.
There are 11 types: Starting soon, Be right back and Stream ended screens with a countdown and socials, a Now playing lower third, a webcam frame, rotating socials, a scrolling ticker, a donation goal, a top donors list, a death or win counter and a simple timer. Nine themes — Twitch, Kick, YouTube and VK Video colours plus neutral ones — fit every type the same way, so all overlays on your scene look like one set. Text scales with the source width and height, and animations switch off by themselves when reduced motion is on in the system.
The overlay does not connect to streaming platforms or donation services: you type in nicknames, amounts, goals and leaderboard rows yourself. All settings live in the link itself, after the # sign, so the server never sees or stores them. To change the numbers, such as the amount raised or this week's top, edit them here and paste the new link into the source properties. The Refresh button in OBS simply reloads the overlay: the timer and animations start over, while the data stays as it is in the link. The counter is the exception: you change it with clicks in the Interact window, and OBS keeps the value until you reset it or set a new starting number.
Set up the overlay on this page and copy the link. In OBS, click + in the Sources panel, choose Browser, paste the link into the URL field and set the width and height shown under the preview. For screens, lower thirds and the ticker that is usually 1920×1080, the same as your canvas.
Choose the Ticker type, enter up to 10 phrases, one per line, then pick a separator, speed and top or bottom position. Add the link as a 1920×1080 Browser source: the text scrolls along the edge of the frame on a themed bar, and the rest stays transparent.
No. The overlay is not linked to donation services or platforms, so you type in the amount, the goal and the leaderboard rows by hand. When the numbers change, update them here and paste the new link into the source properties — the goal bar will smoothly fill up to the new percentage.
Choose Webcam frame and set the border width, corner radius and the nickname tag. Make the Browser source the same size as your camera on the scene, for example 1280×720 or 640×360, and place it above the camera in the Sources list: the middle is transparent, only the border shows.
Order or repeat in a minute, balance and order statuses — right in Telegram
