Live Weather & Clock Overlay for OBS - Fully Configurable OpenWeather Widget

Live Weather & Clock Overlay for OBS Studio

If you ever struggle while configuring this overlay, you can always contact me at [email protected] or reach out directly on Discord. I built this overlay to be powerful, flexible, and production-ready, but I also understand that every streaming setup is different. I am happy to help you get everything working smoothly inside OBS Studio or Streamlabs.

This Live Weather & Clock Overlay is a modern browser source designed specifically for professional livestream environments. I created it to display real-time weather data directly on stream, without clutter or unnecessary complexity. It integrates seamlessly into OBS Studio and works perfectly for Twitch, YouTube, Kick, or any RTMP-based broadcast workflow.

The overlay retrieves live weather data using the OpenWeather API and presents it in a clean, broadcast-friendly layout. It automatically fetches temperature, feels-like values, wind speed, humidity, visibility, cloud coverage, and localized weather descriptions. I designed it so the information is accurate, readable, and visually balanced, even during high-motion scenes or dynamic overlays.

In addition to weather data, the overlay includes a built-in digital clock. This clock can be synchronized to any IANA timezone, which means I can match the displayed time to a specific city, event location, or travel destination. Whether I am streaming locally or targeting an international audience, the on-screen time remains consistent and reliable.

Fully Controlled Through JSON Configuration

Every aspect of the overlay is managed through a simple config.json file. I intentionally designed the configuration system to be transparent and developer-friendly, without requiring complex dashboards or external tools. All settings are clearly structured, making it easy to customize behavior in just a few minutes.

Within the configuration file, I can define the location using either a city name or precise GPS coordinates. I can switch between metric and imperial units, select the display language, and adjust refresh intervals to balance API usage with real-time accuracy. I can also enable or disable specific data blocks such as wind, humidity, visibility, or cloud coverage.

The goal is simple: complete control without unnecessary complexity.

Automatic Geocoding and Smart Data Refresh

The overlay includes integrated Nominatim geocoding support. When I enter a city name, the system automatically converts it into accurate geographic coordinates. This removes the need for manual latitude and longitude lookup while ensuring reliable data targeting.

Weather updates run on configurable intervals. This approach keeps the information fresh while minimizing unnecessary API calls. For long livestream sessions, this helps maintain efficiency and prevents excessive request usage, which is especially important when working with rate-limited API plans.

Customizable Visual Theme Engine

Visual consistency is essential in professional streaming. That is why I built a fully themeable UI system into this overlay. I can customize background color, opacity levels, border radius, accent colors, typography, and shadow intensity. Font sizes for the city name, temperature, description, and statistics can be adjusted independently.

This flexibility allows me to match the weather panel perfectly with any existing overlay pack, brand identity, or scene design. Whether I prefer a minimal, transparent layout or a bold, high-contrast broadcast style, the overlay adapts without requiring code changes.

Modular, Broadcast-Ready Layout

Each information block can be individually toggled on or off. If I want a compact layout for gameplay scenes, I can display only the temperature and city name. For intermissions, travel streams, flight simulator sessions, or outdoor broadcasts, I can enable the full meteorological dashboard.

This modular design makes the overlay suitable for a wide range of streaming scenarios. News-style broadcasts benefit from detailed environmental data. IRL streamers gain contextual immersion. Travel creators can highlight local conditions. Even simulation and roleplay streams become more engaging with accurate, location-based weather information.

Ultimately, I built this Live Weather & Clock Overlay to deliver accuracy, performance, and full creative control. It integrates cleanly as a browser source in OBS Studio, remains lightweight during long sessions, and provides reliable real-time data without unnecessary overhead. For streamers who want professional-grade environmental context on screen, this overlay offers a practical and scalable solution.