Stream overlays for OBS
90 distinct overlays. Local, account-free, and yours to export.
Complete scene templates
A template combines several overlays into a ready-made layout.
90 distinct overlays. Local, account-free, and yours to export.
A template combines several overlays into a ready-made layout.
Platform:@handle pair per row, separated by a bar — Twitch:@you|X:@other. Anything you leave out falls back to your main handle.
It is embedded in the HTML you export, so the overlay renders correctly on any machine with nothing installed and no network.
A scene using an uploaded font exports as a file rather than a share link, because the font bytes will not fit in a URL.
Import the HTML file you exported, or an asset-free share link you saved. Embedded images travel inside the HTML file.
You already have widgets on the canvas. Your browser may have an autosaved copy, but export or copy a share link first if you want a portable backup.
A private, account-free stream scene builder for OBS and other browser-source tools. Start from a composed scene, tune it, and leave with a file or link that is yours.
Request an overlay → Missing something you need on stream? Tell me what it is and I will look at building it. Every overlay here started as somebody asking.+, then Browser.One browser source can hold your whole scene. That is cheaper than one source per widget, and it keeps the layer order you set here.
A downloaded file stays under your control and never changes. A link carries the whole scene in its address, so there is no hosted project to expire. Scenes holding local images or an uploaded font use the file, because those bytes will not fit in a URL.
Drag to move, corner handle to resize, arrows to nudge. The align pad snaps a widget to any edge or corner at your safe margin. Snap and grid size sit under the canvas.
Full-screen widgets do not block the ones underneath. Select, rename and reorder everything from the layers list at the top of the properties panel. Drag a row to restack it.
Overlays export with no background at all. While editing, the Behind control under the canvas puts your webcam, a gameplay still or a flat tone back there, so you can judge contrast against real content. It is never exported.
Settings takes a WOFF2, WOFF, TTF or OTF file for headlines, body or numbers. It is embedded in your export, so it needs no install on the streaming machine. FontCrafter will build one from your handwriting.
Effects quality in Settings trades frame rate and particle count for headroom. Light is the one to reach for when the encoder is already busy.
A pinned widget stays put when you drag near it and is skipped by align actions. Use it on a frame you have already positioned exactly.
Import takes the HTML file you exported or a link you saved and reopens it fully editable, widget by widget. Nothing expires and nothing is stored on a server.
That last one is a widget hotkey rather than an editor command: it works whether or not anything is selected, because it is meant to be pressed mid-stream. Confetti sets its own key in the properties panel. Everything else in the library runs on local clocks, timers and prepared content, so a scene keeps working while your hands are busy.
A free, browser-based OBS scene maker. Start with a complete composition or combine local timers, schedules, titles, frames, reminders and animated visual effects, then take away one HTML file or share link. No signup, watermark, API key, or hosted project.
Yes. Every widget, every option, no account, no watermark, no trial, no export limit. Nothing is held back for a paid tier because there is no paid tier.
In the Sources panel click + and choose Browser. Either paste your share link into the URL field, or tick Local file and select the HTML you exported. Use the Width and Height shown in Export, click OK, then lock the source so it cannot be dragged by accident.
It listens to OBS Browser's built-in read-only source, streaming and recording events. Scene timers, credits and carousels restart as their source enters live output; Uptime and Break Coach follow the output session; hidden sources stop rendering. It needs no account, plugin, WebSocket or permission to control OBS.
First confirm the browser-source Width and Height match the values shown in Export; a smaller source crops a full-canvas overlay. If you see a white box instead of transparency, check that OBS still has its default custom CSS for browser sources. If you changed a local file after adding it, right-click the source and refresh the cache.
Yes. Exported overlays have no background at all, so whatever is behind them in OBS shows through. When you open the file in a normal browser you will see a dark checkerboard instead — that is a preview aid so the file does not look blank, and it never appears in OBS.
Yes. Use the Behind control under the canvas and pick my webcam. Your browser will ask for camera permission the first time. There is also a gameplay still and two flat tones, which are useful for checking that pale text survives a bright scene. None of it is exported, recorded, or sent anywhere — it is a backdrop for judging contrast, and the camera is released when you switch it off or close the tab.
Yes. Add the PNGTuber Avatar widget, upload a resting image and a talking image, and press Turn on the microphone. Your mouth opens when you cross the loudness threshold, and head bob and squash follow how loud you are. It runs in the browser, so it works on macOS, Linux and ChromeOS, where most PNGTuber apps are Windows-only installs. Two PNG files with transparent backgrounds are all you need; add more expressions by duplicating the widget and hiding the ones you are not using.
Neither. Captions use the speech recognizer built into Chrome and Edge, so there is no account, no API key and no subscription. The same microphone limit applies as the PNGTuber avatar: an OBS browser source cannot be granted a microphone, so captions will not transcribe inside OBS. Run the overlay in a normal browser window, grant the microphone once, and capture that window in OBS. Recognition quality drops with heavy background audio, and the browser recognizer is English-first — set a different language code in the widget if you need one.
Yes, with two widgets. Input Display shows keys: WASD, arrows, or a fighting-stick cluster. Controller Display shows a gamepad, including how far each analog stick has traveled and how deep each trigger is pressed. Both read your hardware directly through the browser, so there is no driver, no account and nothing to install. Unlike the microphone widgets these work inside an OBS browser source only while that source has focus — click it once with Interact, or capture a browser window instead if you want them always live.
OBS browser sources cannot be granted microphone access, so an exported avatar falls back to a gentle idle breathing cycle rather than sitting perfectly still. To drive it from your actual voice, run the overlay in a normal browser window and capture that window in OBS, which keeps the microphone permission you already granted.
Yes. In Settings, under Look, choose which role it replaces — display, body or numbers — and upload a WOFF2, WOFF, TTF or OTF file up to 2 MB. The font is embedded in your exported HTML, so it renders on any machine with no font installed and no network. If you want a font in your own handwriting, FontCrafter makes one from a scanned alphabet and gives you a TTF to upload here.
There are sixteen: six headline faces, six body faces and four monospaced ones, picked separately in Settings. Every listed font has to load on whatever machine runs your overlay, so each one is a request and a delay before your text appears. A short, tested list keeps that fast and predictable. When you want something else, upload it — an embedded font actually loads sooner than a fetched one, because it travels inside the file.
No. Everything runs in your browser. There is no account, upload, or hosted project. Asset-free share links compress the scene into the address. Local images stay in browser storage while you edit and are embedded in the HTML file you download.
Because they are treatments, not decorations. Real film grain, VHS damage and CRT scanlines change an image that is already there, darkening as much as brightening. On an empty transparent canvas there is nothing underneath to change, so they can only add light and end up looking painted on. Point one at a layer using Applies to — a webcam frame, cast frame, chat frame or PNGTuber avatar — and it clips to that layer and blends with it properly. New treatments attach themselves to your most recent frame automatically.
Those services use accounts, authenticated platform connections and hosted infrastructure to provide follows, tips, official goals and event alerts. This app deliberately does not pretend to do that. It focuses on a portable visual scene you can own, inspect and run without an account.
Yes. The visual scenes work anywhere that accepts a browser source, including OBS and Streamlabs Desktop. They do not depend on one streaming platform. For vertical streams, start with Vertical Gameplay or Vertical Podcast / Interview, or switch the canvas to 1080 by 1920 in Settings.
Yes. Use Import and give it either the HTML file you exported or a share link you saved. The scene comes back fully editable, widget by widget, exactly as you left it.
They are lightweight by design, with no framework, bundled video, platform polling, or chat connection. On older hardware, use one browser source for the whole scene and choose the Light effects-quality setting.
Yes. Use them on any stream, personal or commercial, with no attribution required.
Asset-free scenes can fit inside a URL with no hosted database. Scenes containing local images use the HTML download instead, so logos and artwork are never uploaded or forced into an unreliable oversized link.
+ → Browser1920 · Height 1080