YouTube Live Chat Overlay Script for OBS Studio
Bring your YouTube Live Chat directly into your stream lightweight, customizable, and built entirely in Lua for OBS Studio.
Download from GitHub🎬 Why You Need a YouTube Chat Overlay in OBS Studio
As a content creator, engaging with your audience in real-time is one of the most powerful ways to grow your community. When viewers see their messages appear directly on your livestream, they feel noticed and connected and that builds loyalty. YouTube Live Chat Overlay Script for OBS Studio allows you to do exactly that display your live chat on-screen inside OBS with full customization and zero third-party dependencies.
Unlike browser-based overlays that rely on iframes or remote websites, this pure Lua script integrates directly into OBS. That means it’s lightweight, private, and fast ideal for streamers who want total control over their setup.
Display YouTube Live Chat in OBS
Automatically embeds your YouTube live chat as a
Browser Source in OBS. Just paste your
video ID, adjust the width/height, and you’re good to
go.
Edit Every Visual Detail
Use the built-in custom CSS field to match your brand’s look. Change fonts, add animations, hide elements, and even round avatars for a cleaner layout all with pure CSS.
No Add-ons or Plugins Required
Written entirely in Lua, this script runs directly within OBS Studio’s scripting engine. No external sites or APIs required just your OBS installation and a YouTube video ID.
⚡ How to Install the YouTube Chat Overlay Script
- Download the script from the official GitHub repository: https://github.com/mmlTools/youtube-live-chat-overlay-script-obs-studio .
- Open OBS Studio, go to Tools → Scripts.
-
Click the + button and select the downloaded
.luafile. -
Enter your YouTube Video ID (you can find this in the
video URL after
v=). - Set your desired width and height for the overlay window (for example, 400Ă—800).
- Adjust the customization settings hide header, hide scrollbars, enable transparency, and apply your CSS.
- Click Apply and add the source “YouTube Chat Overlay” to your scene.
Once configured, your OBS scene will automatically render the YouTube live chat feed seamlessly integrated with your stream visuals.
🎨 Customizing the Overlay with CSS
The script supports inline CSS customization, letting you completely restyle the chat window. You can hide elements like the YouTube header, resize avatars, or even animate message entries.
html, body {
background: transparent !important;
color: #fff;
font-family: 'Inter', sans-serif;
}
#chat {
scrollbar-width: none;
}
#chat .message {
padding: 6px 10px;
border-radius: 12px;
background: rgba(0,0,0,0.5);
margin-bottom: 4px;
}
You can add gradients, borders, or even CSS animations to make your chat visually unique. The customization possibilities are endless making this script ideal for both minimalist and branded stream layouts.
🔥 Why Streamers Love This Tool
- âś… Zero external dependencies - everything runs locally inside OBS.
- âś… Completely transparent background - perfect for modern stream designs.
- âś… Hide scrollbars and headers for a clean professional look.
- âś… Support for any YouTube Live video - just update the ID anytime.
- âś… Works cross-platform: Windows, macOS, and Linux.
- âś… Open source, lightweight, and actively maintained by mmlTools.
For streamers who value efficiency and privacy, this script is a dream come true. You stay in control, and your viewers stay engaged no more cluttered browser sources or performance hits.
🚀 Ready to Try It?
Download the script today, customize your chat, and bring your audience directly onto the screen.
Get the Lua Script on GitHub