Overlay widgets: TikTok

Eranio Published on: 14. October 2026

Overlay Widgets: TikTok

These widgets react to TikTok LIVE events (likes, gifts, follows, viewers). TikTok: planned and in progress, the widgets only appear once your account is enabled for it. Menu: Overlay → Designer (Beta) → Add widget → TikTok.

Part 1: Counters, goals and alerts (older line)

Shared fields

Almost every widget in this line shares: font (Inter), font size (28), font weight (700), font color (#ffffff), and where applicable an update animation (default: none).

Widget	Default text	Extra fields
TikTok: Gift Alert	`{name} hat {gift_name} gesendet! (+{diamonds} Diamanten)`	Minimum diamonds (0)
TikTok: Follow Alert	`{name} folgt jetzt auf TikTok!`	-
TikTok: Like Counter	`{total_like_count} Likes`	-
TikTok: Viewer Counter	`{viewer_count} Zuschauer`	-
TikTok: New Follower Counter	`+{follower_count} neue Follower`	-
TikTok: Like Goal Bar	`Ziel: {likes} / {target} Likes`	List binding (name of the like goal list), bar color `#25f4ee`, track color `#27272a`, corner radius 8
TikTok: Goal Sub-Counter	`{count} Shots`	List binding
TikTok: Gift Goal Bar	`Ziel: {count} / {target}`	List binding, bar color `#fe2c55`, track color `#27272a`, corner radius 8
TikTok: Gift Goal Sub-Counter	`{count}`	List binding
TikTok: Like Countdown	`Noch {remaining} Likes!`	List binding

The "Gift Alert" and "Follow Alert" widgets additionally use the same layout/media/sound fields as the Twitch alerts, see guide Overlay widgets: alerts.

The like/gift goal and countdown widgets only react once you link them, via "List binding", to a specific goal list you created beforehand on the respective page (Like Goals, Gift Goals, Like Countdown). Without a binding, the widget stays idle.

Part 2: Live widgets (newer, more extensive line)

These widgets have their own, more extensive design system ("Live Design") instead of the normal design options. Shared design fields (present on almost every Live widget):

Field	Default	Meaning
Accent color	`#25f4ee`	-
Show border	on	-
Show background	on	-
Show row background	on	-
Mirror	off	-
Font	default	-
Bold / Italic / Underline	off	-
Font size / spacing / opacity / scale	100% each	-
Text color / accent text color	auto	-

Top Spender

Field	Default	Meaning
Metric	Gifts	What the leaderboard is sorted by
Limit	5	Number of ranks shown
Show avatar / crowns / count / value	on each	-
Icon animation	none	-
Rank 1 to 3: name/value color + effect	auto / none	Configurable separately per rank

Leaderboard Carousel

Field	Default	Meaning
Limit	5	-
Interval	6s	How often the card changes
Cards	Gifts, Likes, Shares	Which leaderboard cards are shown
Show avatar / crowns / title / title icon / dots	on each	-
Gift icon style	giftbox	-
Card animation	zoom	-

Top Gift

Field	Default	Meaning
Cycle interval	4s	-
Show value	on	-
Hover animation / shine effect	on	-
Shine interval	10s	-
Text size	100%	-

Points Leaderboard

Field	Default	Meaning
Limit	5	-
Show avatar	on	-

Support Round

Time-limited leaderboard for support.

Field	Default	Meaning
Duration	fixed / 300s	Fixed or variable length
Limit	20	-
Clock/total text size	100% each	-

Goal Bar (Live)

Field	Default	Meaning
Metric	Gifts	-
Target value	100	-
Auto-increase	off	By how much when reached (0 = double)
Display	bar	-
Gift icon style	giftbox	-
Percentage mode	icon	-

Gift Goal (Live)

Field	Default	Meaning
Gift list	empty	Which gifts count toward the goal
Show progress bar	on	-
Show gift name	on	-
Display	bar	-

Countdown Goal

Field	Default	Meaning
Active	on	-
Metric	Likes	-
Target value	100	-
On reached (behavior)	none	-
On reached (action)	none	Animation or sound
Prefix/suffix text	empty	With its own color/effect/size
Number text size	100%	-

Like Fountain

Field	Default	Meaning
Avatar chance	15%	How often a profile picture appears instead of a heart
Heart color mode	rainbow	-
Heart color	`#ff0000`	Only for fixed mode
Settle animation	pop	-
Settle size	160%	-
Settle chance	40%	-

Gift Fireworks

Field	Default	Meaning
Minimum gift value	1	-
Trail style / explosion style	classic	-
Explosion radius	200%	-
Trail density	1	-
Reveal mode	shatter	-
Smoke / smoke bomb / shockwave ring	on each	-
Sound enabled	on	-
Sound style	subbass	-
Sound volume	100%	-

Tip Jar

Field	Default	Meaning
Jar image	default jar	-
Top padding	15%	-
Max bodies	150	-

Alarm Box

Shows alerts based on freely configured rules (gift/value/user filters).

Field	Default	Meaning
Trigger rules	empty	Nothing happens until you create your own rules

Recent Events

Field	Default	Meaning
Limit	8	-
Event types	gift, follow, share, subscribe, repost	-
Show avatar	on	-

Top Events

Field	Default	Meaning
Limit	10	-
Show avatar	on	-
Rules	empty	-

TikTok Chat

Field	Default	Meaning
Max messages	15	-
Newest on top	off	-
Show time	on (no seconds)	-
Show avatar	off	-
Show rank/mod/sub/gifter/fanclub badge	on each	-
Show display name	on	-
Show username	off	-
Show joins	off	Text when enabled: "joined"
Background color / opacity	`#0a0a10` / 72%	-

No longer in the widget picker (older individual cases)

These types were replaced by the Live widgets above and are no longer available in the widget picker, but already-placed instances keep working: TikTok Top Spender (old), TikTok Support Round (old), TikTok Gift Fireworks (old), TikTok Like Fountain (old), TikTok Tip Jar (old).

FAQ

Why don't I see the TikTok widgets in the picker? TikTok: planned and in progress. The widgets only appear once your account is enabled for it.

What's the difference between the older TikTok widgets and the Live widgets? The Live widgets are the newer, more extensive line with their own design system (leaderboard effects, orbit styles, crowns, etc.). The older widgets stay usable for existing overlays; use the Live widgets for new placements.

How do I bind a Like Goal widget to a specific list? First create the list on the respective goal page, then enter its name in the widget's "List binding" field.