Pinky Mouth | YouTube & Social Stream Chat CSS

Message Speed

2.0s

Download CSS

Message Types

Normal85%

SuperChat10%

Membership5%

Preview Size

Widthpx

Heightpx

How to use this live chat style

Add this style to your stream in a few steps. Pick the version that matches how your chat is captured.

In Social Stream Ninja, copy the "Main chat overlay & control dock" URL (the dock.html?session=… link).
Add &hidemenu to the end of that URL so only the chat shows on stream (it hides Social Stream's control buttons). Optional: add &reverse to flip the newest-message direction.
Add the URL as an OBS Browser Source (1920×1080).
Download the Social Stream version of the CSS here and paste it into the Browser Source's Custom CSS box.

Frequently asked questions

Do I need to know CSS to use this style?

No. Download the .css file from this page and paste it into your OBS or Streamlabs Browser Source Custom CSS box - no coding required.

Which platforms does this live chat style support?

YouTube Live, plus 120+ platforms through Social Stream Ninja such as Twitch, TikTok and Kick.

Can I customize the colors and layout?

Yes. Use the live customizer on this page to adjust colors, sizes and effects, then export your own CSS.

Does it work in OBS and Streamlabs?

Yes. It works in any software with a Browser Source and a Custom CSS field, including OBS Studio and Streamlabs.

Pinky Mouth — Features