Overlays
The widget library, widget copies and the OBS address for each one
The Overlay tab is a library of widgets for your stream: chat, alerts, goals, leaderboards, effects, games and more. Each one is its own OBS browser source with its own address.
Find a widget
Open the Overlay tab in the dock. Under All, the library groups its widgets by category: Chat, Alerts, Feeds, Counters, Goals, Leaderboards, Effects, Presentation and Interaction. Each section says how many of its widgets are on, and you can fold a section away; Vfinity remembers which ones you folded.
The chips along the top narrow the list. On stream shows only the widgets that are on, Favorites shows the ones you starred, and there is a chip for each category and each collection. Type in Search widgets to search too; it also matches the names other tools use, so "kappagen" finds the widget that does that job.
The two buttons beside the search switch between Cards and Compact list, which fits more widgets on screen. Game cards say what each game is doing without opening it, such as "Open · 12 entrants" or "Red 34 : 46 Blue".
Alpha 0.4.0 adds three widgets: Clock and Countdown, Scene Card and Checklist. Overlay widgets covers what each one does.
Keep favorites and collections
Click the star on a card to make it a favorite. Favorites get their own section at the top of All, and still appear in their own category.
A collection holds the widgets you use together, such as everything for one scene.
Make a collection
Click New collection at the end of the chips. Give it a Name, pick a Color and, if you like, an Icon, then click Create.
Add widgets to it
Right-click a card and choose Add to collection, or pick the collection's chip and click Manage widgets to tick the widgets it holds.
Switch them all at once
With the collection's chip picked, Turn all on and Turn all off switch every widget in it. Each button counts the widgets it would change, and the notice that follows offers Undo.
You can have up to 24 collections. Delete collection removes one, and its notice offers Undo too. Favorites and collections are saved with your overlays when you back up.
Add a widget to OBS
Switch it on
Turn on the widget's switch. A widget that is off shows nothing in OBS.
Copy its address
Click Copy URL on the card, or right-click it and choose Copy OBS URL.
Paste it into OBS
In OBS, add a Browser Source and paste the address. TikTok LIVE Studio takes the same address.
Try picking a widget and a copy below to see the address it gets.
http://127.0.0.1:21424/#overlay-goal?id=goal1&lang=en
- The overlay server on this PChttp://127.0.0.1:21424
- Which widget#overlay-goal
- Which one of its kind?id=goal1
- Language, pinned to the app’s&lang=en
An address looks like http://127.0.0.1:21424/#overlay-chat. The number is the
overlay server's port. If that port is busy when Vfinity starts, it picks another
and tells you, so copy addresses fresh from the app rather than typing them.
Change how a widget looks
Click Configure to open the widget's settings beside a to-scale preview. The preview is marked Preview only: nothing you do there reaches OBS. Where it has a Simulate button, it plays sample events so you can see the widget react.
For most widgets, the preview is a stage that shows the widget's box where it will sit on your canvas. Drag the box to move it, or drag a handle to resize it. It snaps to the edges, the center lines and the thirds; hold Alt to place it freely. Canvas shape switches the stage between Landscape 16:9 and Vertical 9:16 (TikTok LIVE).
Most widgets share the same sections: Content, Text, Appearance, Shadow & depth, Animation, and Position & size. Under Position & size, Left (%), Top (%), Width (%) and Height (%) place the widget exactly, Snap to moves it to a corner, an edge or the center, and Fill canvas stretches it across the whole canvas.
Set the shadow, depth and type
Every widget shares one set of look controls. In Shadow & depth, turn on Drop shadow, then drag the dot on the round dial: its direction from the center aims the shadow, and its distance sets how far the shadow falls. Hold Shift to snap to 15°, and double-click to reset it.
RoseWhole widget
Quick shadows sets a whole shadow in one click: Soft, Hard, Glow, Long or Inner. Softness, Spread, Shadow strength, Shadow color and Inside the edge fine-tune it. Under Whole widget, Widget opacity, Tilt and Scale change the widget as a whole, and Reset shadow & depth puts everything back.
The other sections go further too:
- Text adds Letter spacing, Line height, Letter case, Italic, and a Direction for a shadow Readability effect.
- Appearance adds a Border style: Solid, Dashed, Dotted or Double.
- Animation adds an Exit style, which plays when you switch the widget off; pick one, or Same as entry. Replay plays the animation again in the preview.
Copy a style to another widget
Click Style at the top of a widget's settings. Copy style takes its colors, text, border and corners, shadow and depth, and animation. Open another widget, click Style and choose Paste style: it copies only the parts both widgets have.
Save as preset… keeps a style under a name in My styles, where you can apply, rename or delete it. Starter styles has six to begin from, such as Neon glow and Glass. Every paste, apply and delete offers Undo, and your presets are saved with your overlays when you back up.
Right-click a card for its quick controls: Configure, switch it on or off, Copy OBS URL, Add copy, and the controls a widget has, such as spinning the wheel, drawing a giveaway winner or skipping an alert. The Chat Box and Alerts cards also have Test on OBS.
Use a widget twice
Click Add copy to make a second, independent version of a widget with its own settings and its own address: one chat box for a landscape scene and another for a vertical one, or a fifth goal. Copies sit next to their widget with a Copy badge, and you can rename, duplicate or delete them.
Its title, colors, text, placement and uploaded images. A deleted copy's OBS source goes blank instead of showing the original twice.
A game copy shows the original game, so set options and chat commands on the original and keep it on. A timer copy shows the one Countdown Timer's clock in its own style.
Every widget except Alerts can have copies, up to 16 in all.
Use OBS on another PC
If OBS runs on a second computer, Vfinity can serve its overlays on your home network.
Turn on network access
Go to SettingsConnectionsLocal server and turn on Let OBS on another PC use these overlays.
Restart Vfinity
The change applies after a restart. The first time, Windows Defender Firewall asks for permission: allow Vfinity on Private networks. macOS asks to allow local network access.
Copy the addresses again
Copy URL now gives your PC's network address with a private access key in it. Paste it into OBS on the other PC.
Anything on the network without the key is refused. If you share an address by mistake, click New access key: every address with the old key stops working at once, and you copy each one into OBS again.
Only on a network you trust
Network access puts your live feed on your local network, including chat, gift values and viewer names. Turn it on at home, never on shared or public Wi-Fi.