Skip to content
TIKTOK LIVE → TOKELEMENTS → OBS

TIKTOK LIVE
OVERLAYS
THAT REACT.

TikTok LIVE overlays that react to every gift, follow, like and chat: alerts, goals, leaderboards and custom widgets for TikTok LIVE Studio and OBS.

NO TIKTOK PASSWORDONE OBS LINKFREE TO START
@kaicenat LIVE1.2k
mia.la this overlay is wildtobi_zockt GOAL GOAL GOAL
New · Game widgets

Your chat plays.
You get the gifts.

Game widgets turn viewers into players. Every chat message is a move, likes power the action, and every gift sets off something big on screen, so viewers have a reason to send one.

Free for all

Type !me and fight everyone in a retro arena.

Gift: A gift arms you on the spot: bigger gift, bigger weapon.
Everyone together

The whole chat is a giant monster flattening a city.

Gift: A gift is a blast of fire breath.
Everyone together

Likes are fuel. Fly one rocket as high as it goes.

Gift: A gift fires a booster stage.
Try the games freeFree with our Discord, included in Pro.+6 more games: Prison Break, Raid Boss, Stream Pet, Hot Potato, Plinko, Last One In
01 / AI WIDGET BUILDER

CREATE TIKTOK
OVERLAYS WITH AI
IN SECONDS.

Type what you want, like a gift alert that shakes the screen or a follower goal with a broccoli on each side. The assistant writes the widget, wires it to your TikTok LIVE events and puts it on your OBS overlay. No code. You can also build from Claude Code and ChatGPT through MCP.

  • ~10 s per widget
  • Gifts · follows · likes · chat wired in
  • Claude & ChatGPT via MCP

Overlay themes whole overlays in one look

REAL WIDGETS · LIVE SIGNAL

One scene. Four live layers.

01 / 04

Alerts that pop

Every gift, follow and share fires an animated popup with sound — instantly, on stream.

02 / 04

Goals your fans fill

Coin and follower goals climb live. Hit the target and the whole overlay celebrates.

03 / 04

Leaderboards that fight back

Top gifters battle for rank one in real time. Nothing drives gifts like competition.

04 / 04

Code your own widgets

Write HTML, CSS and JS right in the editor. Build any overlay you can imagine — live-previewed as you type.

script.jsstyle.cssindex.html
1
2
3
4
5
6
7
live
02 / FROM HANDLE TO OBS

SET IT ONCE.
GO LIVE.

STEP 01 / 03
Connect your handle

Enter your public TikTok username. Your TikTok password stays yours.

STEP 01 / 03

Connect your handle

Enter your public TikTok username. Your TikTok password stays yours.

PUBLIC TIKTOK HANDLE
kaicenat FOUND
LISTENING FOR LIVE EVENTS

No TikTok password. Your public handle is enough.

LAYER 01 · Connect your handle
STEP 02 / 03

Make it your own

Pick a widget, tune the look and test every interaction before you go live.

WIDGET EDITORLIVE PREVIEW
ACCENTANIMATION · POP
LAYER 02 · Make it your own
STEP 03 / 03

Drop it into OBS

Paste the private browser-source link once. Live events take it from there.

OBS · BROWSER SOURCEREADY
PRIVATE OVERLAY URL
tokelements.app/overlay/••••••••
Signal connectedEvery live event now appears in OBS.
LAYER 03 · Drop it into OBS
03 / BEYOND THE WIDGETS
01 / 06
Overlay editor

Position and layer every live element on one visual canvas.

OVERLAY · MAIN SCENE1920 × 1080
CREATOR TOOL · LIVE PREVIEW
01

Overlay editor

Position and layer every live element on one visual canvas.

OVERLAY · MAIN SCENE1920 × 1080
02

Points economy

Reward viewers with points, balances and redeemable actions.

VIEWER POINTSECONOMY ACTIVE
kaicenat12,480 PTS
Highlight my message 500Add 2 minutes 1,200Trigger confetti 2,500
03

Event simulator

Test gifts, follows and goals safely before the audience arrives.

EVENT SIMULATORSAFE TEST MODE
EVENT TYPEGift · Lion ×1
14:32:08 overlay received gift event 200 OK
04

Trigger API

Push events into your widgets from your own bot or tools with a scoped API key.

TRIGGER APICONNECTED
POST /api/v1/trigger{ "event": "gift", "user": "kaicenat", "coins": 2999 }
200 OK · 18ms
05

Spotify requests

Let viewers influence the queue without leaving your LIVE.

SPOTIFY REQUESTSQUEUE · 04
UP NEXTRequested by @xqc03:24
06

Live scenes

Switch full-screen scenes — intro, BRB, live — each with its own background and transition.

SCENESON AIR · INTRO
PROGRAMMIDNIGHT · FADE
STARTING IN4:58
IntroFadeON AIRBe right backSlideIdleLiveCutCamera
04 / BEFORE YOU GO LIVE

EVERYTHING
CLEAR.

Short answers to the questions that matter before your first stream.

FAQ · 01How do I add a TikTok LIVE overlay to OBS?

Create and customize a widget, copy its private browser-source URL, then add that URL as a Browser Source in OBS.

FAQ · 02Does it work with TikTok LIVE Studio?

Yes. Add your overlay link in TikTok LIVE Studio as a Link source, or in OBS as a Browser source. Every widget you place shows up on stream.

FAQ · 03Do I need to log in with my TikTok account?

No. Connect with your public TikTok username—TokElements never asks for your TikTok password.

FAQ · 04Can I build completely custom widgets?

Yes. Use the built-in HTML, CSS and JavaScript editor with live preview and real TikTok LIVE event data.

FAQ · 05Can I show a "starting soon" or BRB screen?

Yes. Build several scenes on one overlay — intro, BRB, live — each with its own full-screen background (a built-in preset, a color, or your own image) and its own widgets. Switch between them live and they cross-fade with a transition, then reveal your camera.

05 / PRICING

FREE TO STREAM.
PRO TO BUILD.

Overlays, alerts, goals, chat, leaderboards and the free templates stay free, with no trial clock. Pro adds the premium game widgets, removes the watermark and lets you build your own.

FREE
$0forever

Everything you need to put a live overlay in OBS. No card. A short “Powered by TokElements” shows every 2 minutes.

  • Overlay in OBS, one browser source
  • The free template catalogue
  • Alerts, goals, chat, leaderboards and points
  • Build your own widgets in the code editor
  • Edit any widget's html, css and js
  • Build widgets with AI, right in the editor
  • Points database for 25,000 viewers (free: 1,000)
  • Pro role on Discord
  • Premium game widgets: Fortnite, Minecraft, GTA, Roblox, PUBG, Free Fire
  • No TokElements watermark on stream
Create a free account
PRO
$18per month

Or $151.20 a year, which is $12.60 a month. Billed in USD, cancel any time.

  • Overlay in OBS, one browser source
  • The free template catalogue
  • Alerts, goals, chat, leaderboards and points
  • Build your own widgets in the code editor
  • Edit any widget's html, css and js
  • Build widgets with AI, right in the editor
  • Points database for 25,000 viewers (free: 1,000)
  • Pro role on Discord
  • Premium game widgets: Fortnite, Minecraft, GTA, Roblox, PUBG, Free Fire
  • No TokElements watermark on stream
Get Pro

Payments run through Creem as merchant of record; tax is added at checkout where due. A plan renews for the same period until you cancel in your settings. First paid charge unhappy? Write to us within 7 days and it is refunded. Details in the Terms.

06 / COMMUNITY

JOIN OUR
DISCORD.

Streamers helping streamers. Get answers from people who go live every day, show what you built, and vote on what ships next. Pro members get the Pro role on their name.

Join our DiscordFREE · SUPPORT IN 7 LANGUAGES · OPEN TO EVERYONE
  • SupportOBS, the TikTok connection, a widget that will not fire. Real people, fast answers.
  • ShowcasePost your overlays, borrow ideas from other streams, get feedback before you go live.
  • RoadmapVote on features and watch them ship. The best ideas come from the people streaming.
  • Pro roleLink Discord once in Settings and the Pro role appears on your name automatically.
For TikTok LIVE agencies

Run a TikTok LIVE agency?

Partner with us: your agency gets listed here, and your creators get Pro on terms only partner agencies can give.

07 / YOUR NEXT STREAM

MAKE EVERY
MOMENT HIT.

Build your first TikTok LIVE overlay and add it to OBS with one private link.

Create my free overlayNO TIKTOK PASSWORD · FREE TO START · PRO FROM $12.60/MO