Going live on TikTok and want a custom chat overlay on stream? You can style your TikTok Live chat with CSS in OBS — no coding — using ready-made themes. Here’s the cleanest way to do it.
The easiest way to style TikTok Live chat: Social Stream Ninja
The most flexible route is Social Stream Ninja (SSN). SSN pulls your TikTok Live chat (and 120+ other platforms) into a single overlay, which you then style with a Social Stream CSS file. The same file works whether you go live on TikTok, YouTube, Twitch, or several at once.
Add a styled TikTok Live chat overlay in OBS
- In Social Stream Ninja, connect your TikTok account so real messages flow in.
- Copy the Main chat overlay & control dock URL from the top-right (
https://socialstream.ninja/dock.html?session=…). - In OBS, add a Browser Source and paste that URL (set it to
1920×1080). - Download a Social Stream theme from the Doodlekuma live chat gallery and paste its CSS into the Browser Source’s Custom CSS box.
The full step-by-step (with screenshots) is in How to Use Social Stream Ninja Chat CSS in OBS.
Pick a TikTok Live chat style
Every theme in the gallery is a live, editable preview, so you can tune colors, fonts and animations before you export. A few that suit TikTok:
- Pinky — cute, playful pastel character style.
- Bubble message — soft LINE/Telegram-style chat bubbles.
- Twitter/X style — clean social card layout.
One overlay, every platform
Because you style the Social Stream overlay, the same TikTok Live chat CSS also covers:
- YouTube Live, Twitch, Kick and 120+ platforms.
- Multi-streaming — merge TikTok + YouTube chat into one styled overlay.
FAQ
Do I need to know CSS to style TikTok Live chat?
No. Pick a theme, customize it visually, download the CSS, and paste it into your OBS Browser Source — no coding required.
Does it work with only TikTok?
Yes. Connect just your TikTok account in Social Stream Ninja and the Social Stream CSS styles that chat.
Can I combine TikTok and YouTube chat in one overlay?
Yes. Social Stream Ninja merges chat from multiple platforms, and a single Social Stream CSS styles them all together.
Does it work in OBS and Streamlabs?
Yes. Any software with a Browser Source and Custom CSS field works, including OBS Studio and Streamlabs.
Ready to give your TikTok Live chat a custom look? Open the live chat gallery, pick a theme, and style your TikTok Live chat overlay in minutes.