Compact Weather HUD for OBS - Minimal OpenWeather Overlay with Clock

Compact Weather HUD Overlay for OBS Studio

If you ever run into configuration issues while setting up this overlay, you can contact me directly at [email protected] or reach out through Discord for faster assistance. I designed this overlay to be simple to deploy, but I also understand that every streaming setup is different, and I am always ready to help fine-tune it for your workflow.

The Compact Weather HUD Overlay for OBS Studio is built specifically for streamers who want essential weather and time information displayed in a clean, minimal, and professional format. Instead of using bulky panels or intrusive widgets, I focused on a lightweight heads-up display layout that blends naturally into modern broadcast scenes. The result is a compact, vertical overlay that delivers real-time temperature, city name, localized weather description, and a live digital clock without overwhelming the screen.

Because it runs using the OpenWeather API, the data is accurate and continuously refreshed. Whether I am streaming outdoors, running a travel vlog, hosting a news-style segment, or broadcasting flight simulator content, having live environmental information visible adds context and immersion. Viewers instantly understand the atmosphere of the location I am referencing, which increases engagement without adding clutter.

Designed for Clean HUD Placement

One of the main goals behind this overlay was flexibility. Instead of building a large card-style widget, I structured it as a vertical HUD with icon-and-text rows. This allows me to anchor it neatly in any corner of the screen or position it precisely using X and Y offsets. It integrates smoothly over gameplay footage, camera feeds, IRL scenes, or dashboard layouts.

I built this overlay to enhance immersion without stealing focus from the main content. It stays informative, but never distracting.

This approach makes it ideal for creators who prioritize clean visuals and professional scene composition in OBS Studio.

Simple Configuration with Full Control

All behavior is managed through a straightforward config.json file. I wanted to avoid complicated setup processes, so every important setting is centralized and easy to edit. From this file, I can define a city name or specify exact GPS coordinates for precise location targeting. This is especially useful for travel streams or event-based broadcasts.

I can also choose between metric and imperial units, adjust the language for weather descriptions, enable temperature rounding, and configure refresh intervals. The refresh interval control is particularly important because it allows me to balance real-time accuracy with responsible API usage.

Integrated Digital Clock with Timezone Support

In addition to weather data, the overlay includes a fully integrated digital clock. I implemented complete timezone configuration using IANA identifiers, which ensures accurate local time display no matter where the broadcast is based. This is particularly useful for international streams, remote events, or collaborations across different regions.

The clock supports both 12-hour and 24-hour formats, giving me the freedom to match regional standards or personal preference. The time updates live, maintaining synchronization throughout the entire broadcast session.

Advanced Theme and Visual Customization

Visually, the system is driven entirely by CSS variables. I made this decision to provide deep customization while keeping the codebase clean and efficient. I can adjust background color, transparency levels, rounded corners, font family, accent colors, shadow intensity, icon size, and individual font scaling for temperature or description text.

This level of visual control allows the overlay to blend seamlessly with any existing branding package, overlay pack, or broadcast theme. Whether I am using a dark cinematic layout or a bright modern interface, the HUD adapts effortlessly.

Feature Toggles for Maximum Flexibility

Each row within the HUD can be independently enabled or disabled. If I only need the clock for a particular scene, I can hide the weather data. If I want just the temperature and city, I can remove the description row. This modular design ensures the overlay always fits the context of the stream.

Overall, the Compact Weather HUD Overlay for OBS Studio provides a professional, efficient, and highly customizable way to display real-time environmental information. I created it for streamers who value clean presentation, functional design, and precise control. It enhances immersion while maintaining a polished broadcast aesthetic that feels intentional and modern.