Overlay widgets
Every OBS widget Vfinity serves, by category, with its route and the names other tools use for it.
Fifty widgets across nine categories. Each is a separate browser source with its own settings and its own URL.
The Search column lists the names other tools use for the same thing. Searching any of them in the Overlay tab finds the Vfinity widget.
Chat
| Widget | Route | Search also matches |
|---|---|---|
| Chat Box | #overlay-chat | chat box, chatbox, comments |
Alerts
| Widget | Route | Search also matches |
|---|---|---|
| Alerts | #overlay-alerts | alert box, alertbox, notifications |
Counters
All nine use #overlay-stat?id=<id>.
| Widget | id | Search also matches |
|---|---|---|
| Viewer Count | viewerCount | viewers, audience |
| Follower Count | followerCount | followers |
| Stream Clock | streamClock | uptime, live time |
| Gift Counter 1 | giftCounter1 | gift counter, gcounter |
| Gift Counter 2 | giftCounter2 | coins, diamonds |
| Gift Counter 3 | giftCounter3 | gift counter, gcounter |
| Stat Label 1 | statLabel1 | streamlabels, labels, session label |
| Stat Label 2 | statLabel2 | streamlabels, labels |
| Stat Label 3 | statLabel3 | streamlabels, labels |
Goals
| Widget | Route | Search also matches |
|---|---|---|
| Goal 1 to Goal 4 | #overlay-goal?id=goal1 … goal4 | tip goal, follower goal, sub goal, bit goal, superchat goal, charity goal, star goal, progress bar |
| Countdown Timer | #overlay-timer | countdown, subathon, marathon |
| Coin Jar | #overlay-gauge?id=coinJar | the jar, tip jar, coinjar |
| Stream Boss | #overlay-gauge?id=streamBoss | boss, health bar, hp |
One goal widget stands in for every platform's per-metric goal. You choose what it counts rather than choosing a different widget.
Leaderboards
All six use #overlay-leaderboard?id=<id>.
| Widget | id | Ranks by |
|---|---|---|
| Top Gifters | topGifter | Diamond value sent |
| Top Liker | topLiker | Likes sent |
| Gifter Streaker | topStreaker | Longest gift combo |
| Top Chatters | topChatter | Comments sent |
| Points Ranking | pointsRanking | Points balance |
| Credits | credits | An end-credits roll of everyone who took part |
Feeds
All nine use #overlay-feed?id=<id>. A feed shows a rolling list; a "last" card shows one person until the next one arrives.
| Widget | id | Search also matches |
|---|---|---|
| Gift Feed | giftFeed | activity feed, event list |
| Diamond Ticker | diamondTicker | donation ticker, tip ticker |
| Last Gifter | lastGifter | last x, latest gifter |
| Last Follower | lastFollower | last x, streamlabels |
| Last Liker | lastLiker | last x |
| Last Sharer | lastSharer | last x |
| Last Comment | lastChatter | chat highlight, latest comment |
| Last Subscriber | lastSubscriber | newest sub |
| Last Viewer In | lastJoiner | newest viewer, member |
Effects
All seven use #overlay-particles?id=<id>. Effects react to raw events rather than to the running totals.
| Widget | id | Search also matches |
|---|---|---|
| Gift Cannon | giftCannon | cannon, coin drop, points drop |
| Like Fountain | likeFountain | hearts, likefountain |
| Gift Firework | giftFirework | fireworks |
| Falling Snow | fallingSnow | snow, christmas event, winter |
| Emojify | emojify | emotes, kappagen |
| Emote Wall | emoteWall | emote pile, kappagen, stream buddies |
| Confetti | confetti | celebration, party |
Presentation
| Widget | Route | Search also matches |
|---|---|---|
| Events Board | #overlay-events | event list, command info, my actions |
| Text | #overlay-media?id=staticText | label, custom widget |
| Image | #overlay-media?id=staticImage | logo, slideshow |
| Video Player | #overlay-media?id=videoPlayer | clip, media |
| Social Rotator | #overlay-media?id=socialRotator | socials, handles |
| Sponsor Banner | #overlay-media?id=sponsorBanner | sponsors, ads |
| Webcam Frame | #overlay-frame?id=webcamFrame | camera frame, cam border |
| Scene Frame | #overlay-frame?id=overlayFrame | overlay frames, border |
| Talking Banner | #overlay-frame?id=talkingBanner | just chatting, banner |
| Custom Widget | #overlay-custom | html, css, javascript, code |
Custom Widget runs your own HTML, CSS and JavaScript in a sandbox, with the live stats available to it.
Interaction
| Widget | Route |
|---|---|
| Chat TTS | No browser source. It speaks through the app |