TokElements
VerifiedFeaturedRemoteAbout TokElements
TokElements creates custom overlays and widgets for TikTok LIVE, for streamers using OBS, Streamlabs, or TikTok LIVE Studio. Widgets can be described to an assistant, edited as HTML, CSS, and JavaScript, and driven by live events.
Key features
- 01Assistant-built widgets
- 02HTML, CSS, and JavaScript editing
- 03Live-event-driven overlays
- 04Single browser source for overlays
Use cases
- 01Create alerts and counters for a TikTok LIVE
- 02Show viewer-driven games or leaderboards
- 03Display music and song requests on stream
MCP support
The integrations page identifies an MCP server for building widgets from Claude or ChatGPT. The README does not describe its available MCP tools.
Configuration
Remote servers need no local install. Pick your client, then copy the config or install in one click.
https://tokelements.com/api/mcpclaude mcp add --transport http tokelements https://tokelements.com/api/mcp{"mcpServers":{"tokelements":{"type":"http","url":"https://tokelements.com/api/mcp"}}}Open in Cursor{"servers":{"tokelements":{"type":"http","url":"https://tokelements.com/api/mcp"}}}Open in VS Code{"mcpServers":{"tokelements":{"type":"http","url":"https://tokelements.com/api/mcp"}}}{"mcpServers":{"tokelements":{"serverUrl":"https://tokelements.com/api/mcp"}}}Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.
Tools
Details
From the project READMETokElements
The official GitHub account of TokElements — the #1 live streaming tool for TikTok.
Build overlays and widgets for your TikTok LIVE, and put them in OBS with one link.
What TokElements is
TokElements turns a TikTok LIVE broadcast into overlays for OBS. Gifts, likes, follows, shares and chat arrive as live events and drive whatever you put on screen: alerts, goals, leaderboards, counters, games, now playing. Your whole overlay is a single browser source, so setting it up in OBS, Streamlabs or TikTok LIVE Studio is one paste, once.
Widgets are plain HTML, CSS and JavaScript. Start from the catalogue, edit any line of it, write your own from scratch, or describe one in a sentence and have the assistant build it. Nobody needs to hand over a TikTok password: TokElements reads the events of your public LIVE by username.
What lives here
Some things a streamer wants need a hand from their own machine, because they involve software only they are logged into. Those are the tools on this account. Each one runs in the streamer's browser through a userscript manager, works with the session that is already there, and never asks for a password to the service it talks to.
| Tool | What it does |
|---|---|
| tokelements-spotify | Puts your Spotify track on your TikTok LIVE overlay and takes viewer song requests into your queue |
| tokelements-soundcloud | Puts your SoundCloud track on your overlay and drops viewer song requests into Next up |
Both are MIT licensed and readable end to end — a script that runs in your browser and talks to your music account should be something you can check before you install it.
Links
- Product — tokelements.com
- Overlays for TikTok LIVE Studio — tokelements.com/tiktok-live-studio
- TikTok LIVE overlays for OBS — tokelements.com/tiktok-overlay
- Coming from TikFinity — tokelements.com/tikfinity-alternative
- MCP server: build widgets from Claude or ChatGPT — tokelements.com/integrations
- Widget documentation — tokelements.com/docs
- Widget kits creators published — tokelements.com/kits
- Pricing — tokelements.com/#pricing
- Discord — the community, support, and what ships next
Want a particular service connected? Open an issue on the closest repository and say so.
Comments
New to MCP?
From what the protocol is to installing your first server, these answers cover most first questions.
An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.