Professional Animated News Banner with Scrolling Ticker

Broadcast-Style Animated Lower Third for Livestreams

I created this animated lower-third overlay to deliver a clean, professional broadcast look without adding complexity to my streaming workflow. It is designed specifically for livestream environments, where timing, clarity, and fast updates matter. The overlay features a smooth reveal transition, a dedicated logo panel, a live digital clock, and a scrolling ticker. Everything is controlled through a simple config.json file, which means I can update content in seconds without interrupting the stream.

This lower third works perfectly as a Browser Source in OBS Studio or Streamlabs. Once added, it runs smoothly with lightweight performance and consistent animation behavior. Whether I am running a live show, hosting a podcast, covering esports, or streaming gameplay, the overlay gives my production a polished on-air appearance.

What Is Included

The package is built for simplicity and flexibility. Instead of complex dashboards or heavy control panels, all customization happens through one configuration file.

• Instant configuration: I edit config.json and the overlay updates live while running.
• Eight ready-made themes: Multiple professionally designed color themes are included and can be pasted directly into the configuration file.
• Remote control capability: I can point the overlay to a remote configuration URL and manage updates from anywhere.
• Full compatibility with OBS Studio and Streamlabs: It loads as a Browser Source and maintains smooth animations.

How the Configuration System Works

The overlay reads all visual and text settings from config.json. A built-in file watcher continuously checks for changes and applies them automatically. I do not need to refresh the Browser Source or restart OBS. Updates happen in real time.

When I change the title or description, the lower third automatically plays its transition animation. This creates a professional broadcast-style reveal without manual triggers.

The scrolling ticker updates instantly as well. By default, it does not trigger the reveal animation, which allows me to modify ticker content without interrupting the visual flow.

Understanding the Configuration Fields

Each field inside config.json controls a specific part of the overlay:

• colors – Defines the entire visual theme, including backgrounds, bars, text, ticker, and logo panel styling.
• title – The main headline. Changing it triggers the animated reveal.
• description – The subtitle or supporting line. Also triggers the transition animation.
• scrollingText – Controls the ticker content at the bottom.
• logoUrl – Path or URL to the logo image.
• scrollSpeed – Adjusts ticker movement speed.
• useAMPM – Switches between 12-hour and 24-hour time format.

Because everything is centralized in one JSON file, I can manage branding, announcements, sponsor messages, or event updates quickly and reliably.

Using the Overlay in OBS Studio

Adding the lower third to OBS Studio is straightforward. After extracting the package files, I add a new Browser Source and enable the Local File option. Then I select the index.html file from the overlay folder.

For best results, I set the width to match my stream resolution and use a height of approximately 350 pixels. Once added, I can modify config.json at any time. The overlay reflects changes instantly while OBS continues streaming.

Using the Overlay in Streamlabs Desktop

In Streamlabs Desktop, the process is similar. I create a Browser Source, select the local index.html file, and define the source size. The overlay behaves the same way, applying updates immediately whenever I edit the configuration file.

This makes the solution highly efficient for content creators who need responsive on-screen graphics without interrupting production.

Remote Control and External Management

One of the most powerful features is the ability to load configuration from a remote endpoint. By changing the configuration URL inside the script, I can host the JSON file online. This allows updates from a dashboard, CMS, or even a custom web panel.

With remote configuration enabled, I can update headlines, ticker text, and branding from another device without accessing the streaming computer.

This approach is ideal for esports broadcasts, live events, multi-operator productions, or professional streaming setups where roles are divided between technical operators and presenters.

Theme Switching and Visual Flexibility

The package includes eight ready-made themes designed for different broadcast styles. Switching themes is as simple as replacing the colors object in the configuration file. The new design applies instantly.

Because the overlay separates design from logic, it is easy to match branding colors, sponsor requirements, or event-specific visuals. I can adapt the look of my stream in seconds without editing any core code.

Why This Lower Third Improves Stream Production

For me, this animated lower-third overlay solves two major challenges in livestream production: speed and professionalism. I can update on-screen information live, maintain smooth transitions, and deliver a broadcast-style appearance without complex software.

Whether I am streaming gameplay, hosting a podcast, running a talk show, or covering a live event, this overlay gives me complete control over headlines, ticker information, branding, and timing. It is lightweight, flexible, and optimized for real-time updates, making it a practical solution for serious content creators who want a professional lower-third graphic without unnecessary complexity.

Use this ticker for live information

Use this broadcast ticker for short updates, rotating details, or contextual information that viewers can scan quickly. It works best when the message is concise and the motion does not compete with gameplay or camera content.

For this specific resource, the key value is: A professional animated news banner for OBS Studio and Streamlabs with a smooth reveal transition, live clock, logo slot, and. Use the link below only after reading the details above so visitors understand what they are opening and why it belongs in their streaming workflow.

([redirect_url])[Download Professional Animated News Banner with Scrolling Ticker]