Diretso sa content
TIKTOK LIVE → TOKELEMENTS → OBS

TIKTOK LIVE
OVERLAYS
NA NAGRE-REACT.

Gawing alerts, goals, leaderboards at custom widgets ang gifts, follows, likes at chat mo sa TikTok LIVE Studio at OBS—real time.

Gawin ang libre kong overlay Panoorin kung paano ginagawa ang widget
WALANG TIKTOK PASSWORDISANG OBS LINKLIBRENG SIMULAN
KA@kaicenat LIVE1.2k
COIN GOAL36%
mia.la
nag-send ng Lion
MI
mia.la grabe tong overlaytobi_zockt GOAL GOAL GOAL
Natanggap ang eventgift · 14ms
Connected ang OBSbrowser source
gift → alert.play()
I-SET UP SA 3 HAKBANG

Mula sign-up hanggang sa unang alert mo

  1. 1

    Ilagay ang TikTok username mo

    Mag-sign up nang libre at i-type ang @username mo. Walang TikTok password, walang ii-install.

  2. 2

    Magdagdag ng isang URL sa OBS o LIVE Studio

    Kopyahin ang overlay link mo sa isang browser source, saka magpadala ng test gift para makita itong gumana.

  3. 3

    Mag-live

    Kusang lumalabas sa stream mo ang gifts, follows, likes at chat.

Gawin ang libre kong overlay
01 / AI WIDGET BUILDER

GUMAWA NG TIKTOK
OVERLAYS GAMIT ANG AI
SA ILANG SEGUNDO.

I-type lang ang gusto mo, gaya ng gift alert na umaalog ang screen o follower goal na may broccoli sa magkabilang side. Ang assistant ang magsusulat ng widget, ikokonekta ito sa TikTok LIVE events mo at ilalagay sa OBS overlay mo. Walang code. Puwede ka ring gumawa mula sa Claude Code at ChatGPT gamit ang MCP.

Gawin ang una kong widgetPaano gumagana
  • ~10 s bawat widget
  • Gifts · follows · likes · chat naka-connect na
  • Claude & ChatGPT via MCP

Community widget kitsbuong overlays, gawa ng creators

Roblox Widget KitFortnite Widget KitPUBG Widget KitGTA Widget KitMinecraft Widget KitI-publish ang sa iyo
Roblox Widget Kitgawa ng communityLibre

Roblox New Gift Alert

Roblox New Follower Alert

Roblox Live Chat Frame

Roblox Gift Goal Progress

Roblox Follower Counter

Fortnite Widget Kitgawa ng communityLibre

Fortnite New Gift Alert

Fortnite Follower Counter

Fortnite Live Chat Frame

Fortnite New Follower Alert

Fortnite Gift Goal Progress

PUBG Widget Kitgawa ng community

PUBG New Gift Alert

PUBG New Follower Alert

PUBG Live Chat

PUBG Gift Goal

PUBG Followers Counter

GTA Widget Kitgawa ng community

Los Santos New Gift Alert

Los Santos New Follower Alert

Los Santos Live Chat

Los Santos Gift Goal

Los Santos Follower Counter

Minecraft Widget Kitgawa ng community

New Gift Alert

Minecraft Live Chat Frame

Minecraft Gift Diamond Goal

Minecraft New Follower Alert

Minecraft Follower Counter Artwork

TOTOONG WIDGETS · LIVE SIGNAL

Isang scene. Apat na live layers.

01 / 04

Alerts na pumuputok

Bawat gift, follow at share, may animated popup na may sound — instant, sa stream mismo.

…

02 / 04

Goals na pinupuno ng fans mo

Umaakyat live ang coin at follower goals. Pag na-hit ang target, nagse-celebrate ang buong overlay.

36%
Coin goal
1,780 / 5,000
Umaakyat live habang dumarating ang gifts ↑
03 / 04

Leaderboards na may labanan

Nag-aagawan ang top gifters sa rank one, real time. Walang mas nagpapadami ng gifts kaysa sa competition.

Top gifters
MImia.la
2733
KAkayra99
11,204
TOtobi_zockt
3310
4nachtfalke128
04 / 04

I-code ang sarili mong widgets

Magsulat ng HTML, CSS at JS diretso sa editor. Gawin ang kahit anong overlay na maisip mo — may live preview habang nagta-type ka.

CUSTOM WIDGET STUDIO LIVE PREVIEW
HTMLCSSJS
1TE.on('gift', event => {
2 const alert = createAlert({
3 user: event.user,
4 gift: event.gift
5 });
6 overlay.show(alert);
7});
natanggap ang gift event 18ms
LIVE PREVIEWAUTO
mia.la
nag-send ng Rose10
MI
Walang errorsAuto-saveTE SDK 1.0
02 / MULA HANDLE HANGGANG OBS

I-SET MINSAN.
MAG-LIVE NA.

STEP 01 / 03

I-connect ang handle mo

Ilagay ang public TikTok username mo. Sa iyo lang ang TikTok password mo.

STEP 01 / 03

I-connect ang handle mo

Ilagay ang public TikTok username mo. Sa iyo lang ang TikTok password mo.

PUBLIC TIKTOK HANDLE
kaicenat NAHANAP
NAKIKINIG SA LIVE EVENTS

Walang TikTok password. Sapat na ang public handle mo.

LAYER 01 · I-connect ang handle mo
STEP 02 / 03

Gawin mong sa iyo

Pumili ng widget, ayusin ang itsura at i-test ang bawat interaction bago ka mag-live.

WIDGET EDITORLIVE PREVIEW
mia.la
nag-send ng Rose
MI
ACCENTANIMATION · POP
LAYER 02 · Gawin mong sa iyo
STEP 03 / 03

Ilagay sa OBS

I-paste nang isang beses ang private browser-source link. Live events na ang bahala mula roon.

OBS · BROWSER SOURCEREADY
PRIVATE OVERLAY URL
tokelements.app/overlay/••••••••
Connected ang signalLahat ng live event, lumalabas na sa OBS.
LAYER 03 · Ilagay sa OBS
03 / HIGIT PA SA WIDGETS
01 / 06

Overlay editor

I-position at i-layer ang bawat live element sa isang visual canvas.

OVERLAY · MAIN SCENE1920 × 1080
Gift alertSubathon goal
CREATOR TOOL · LIVE PREVIEW
01

Overlay editor

I-position at i-layer ang bawat live element sa isang visual canvas.

OVERLAY · MAIN SCENE1920 × 1080
Gift alertSubathon goal
02

Points economy

I-reward ang viewers ng points, balances at mga action na puwedeng i-redeem.

VIEWER POINTSACTIVE ANG ECONOMY
KAkaicenat12,480 PTS
I-highlight ang message ko 500Magdagdag ng 2 minuto 1,200Mag-trigger ng confetti 2,500
03

Event simulator

I-test nang safe ang gifts, follows at goals bago dumating ang audience.

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

Trigger API

Mag-push ng events sa widgets mo mula sa sarili mong bot o tools gamit ang scoped API key.

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

Spotify requests

Hayaang maka-impluwensya ang viewers sa queue nang hindi umaalis sa LIVE mo.

SPOTIFY REQUESTSQUEUE · 04
NOW PLAYINGRequest ng viewerIdinagdag ni @pokimane
SUSUNODNi-request ni @xqc03:24
06

Live scenes

Mag-switch ng full-screen scenes — intro, BRB, live — bawat isa may sariling background at transition.

SCENESON AIR · INTRO
PROGRAMMIDNIGHT · FADE
MAGSISIMULA SA4:58
IntroFadeON AIRBRB munaSlideIdleLiveCutCamera
04 / BAGO KA MAG-LIVE

LAHAT
MALINAW.

Maiikling sagot sa mga tanong na mahalaga bago ang una mong stream.

FAQ · 01Paano mag-add ng TikTok LIVE overlay sa OBS?

Gumawa at i-customize ang widget, kopyahin ang private browser-source URL nito, tapos i-add ang URL na iyon bilang Browser Source sa OBS.

FAQ · 02Gumagana ba ito sa TikTok LIVE Studio?

Oo. I-add ang overlay link mo sa TikTok LIVE Studio bilang Link source, o sa OBS bilang Browser source. Lalabas sa stream ang bawat widget na ilalagay mo.

FAQ · 03Kailangan ko bang mag-log in gamit ang TikTok account ko?

Hindi. Mag-connect gamit ang public TikTok username mo—hindi kailanman hihingin ng TokElements ang TikTok password mo.

FAQ · 04Puwede ba akong gumawa ng totally custom widgets?

Oo. Gamitin ang built-in na HTML, CSS at JavaScript editor na may live preview at totoong TikTok LIVE event data.

FAQ · 05Puwede ba akong maglagay ng “starting soon” o BRB screen?

Oo. Gumawa ng ilang scenes sa isang overlay — intro, BRB, live — bawat isa may sariling full-screen background (built-in preset, isang kulay, o sarili mong image) at sariling widgets. Mag-switch live at magka-cross-fade sila gamit ang transition, tapos lalabas ang camera mo.

05 / PRESYO

LIBRE PARA MAG-STREAM.
PRO PARA MAG-BUILD.

Libre pa rin ang overlays, alerts, goals, chat, leaderboards at lahat ng templates, walang trial na nag-e-expire. Ang Pro ay para sa pagsusulat ng sarili mong widgets.

FREE
$0habambuhay

Lahat ng kailangan mo para maglagay ng live overlay sa OBS. Walang card, walang watermark.

  • Overlay sa OBS, isang browser source
  • Buong template catalogue
  • Alerts, goals, chat, leaderboards at points
  • Gumawa ng sarili mong widgets sa code editor
  • I-edit ang html, css at js ng kahit anong widget
  • Gumawa ng widgets gamit ang AI, diretso sa editor
  • Points database para sa 25,000 viewers (free: 1,000)
  • Pro role sa Discord
Gumawa ng libreng account
PRO
$18kada buwan

O $151.20 kada taon, na $12.60 kada buwan. Naka-bill sa USD, puwedeng i-cancel anytime.

  • Overlay sa OBS, isang browser source
  • Buong template catalogue
  • Alerts, goals, chat, leaderboards at points
  • Gumawa ng sarili mong widgets sa code editor
  • I-edit ang html, css at js ng kahit anong widget
  • Gumawa ng widgets gamit ang AI, diretso sa editor
  • Points database para sa 25,000 viewers (free: 1,000)
  • Pro role sa Discord
Kunin ang Pro

Dumadaan ang payments sa Creem bilang merchant of record; idinadagdag ang tax sa checkout kung kailangan. Nire-renew ang plan sa parehong period hanggang i-cancel mo ito sa settings mo. Hindi ka satisfied sa unang bayad? Mag-message sa amin within 7 days at ire-refund ito. Details sa Terms.

06 / COMMUNITY

SUMALI SA
DISCORD NAMIN.

Streamers na tumutulong sa streamers. Makakuha ng sagot mula sa mga nagla-live araw-araw, ipakita ang ginawa mo, at mag-vote kung ano ang susunod na ilalabas. May Pro role sa pangalan ang Pro members.

Sumali sa Discord naminLIBRE · SUPPORT SA 7 WIKA · BUKAS SA LAHAT
  • SupportOBS, TikTok connection, widget na ayaw mag-fire. Totoong tao, mabilis na sagot.
  • ShowcaseI-post ang overlays mo, humiram ng ideas sa ibang streams, makakuha ng feedback bago ka mag-live.
  • RoadmapMag-vote sa features at panoorin silang ma-release. Galing sa mga nagi-stream ang pinakamagandang ideas.
  • Pro roleI-link ang Discord nang isang beses sa Settings at automatic na lalabas ang Pro role sa pangalan mo.
07 / ANG SUSUNOD MONG STREAM

PATAMAAN ANG
BAWAT MOMENT.

Gawin ang una mong TikTok LIVE overlay at i-add sa OBS gamit ang isang private link.

Gawin ang libre kong overlayWALANG TIKTOK PASSWORD · LIBRENG SIMULAN · PRO MULA $12.60/BUWAN