Hey everyone
After months of work, testing, and feedback, I’m happy to share something I’ve been building:
OBS Weather Plugin a lightweight, cross-platform plugin that lets you display real-time weather data inside your streams or overlays using custom HTML/CSS/JS themes.
What It Does
- Fetches live weather from OpenWeather
- Sends the data to your own customizable templates (HTML/CSS/JS)
- Renders the overlay directly via Browser Source in OBS Studio
- Works on Windows, macOS, and Linux
Create Your Own Themes
Themes are built with simple web files:
Code:
/themes/<your-theme>/
├── index.html
├── style.css
├── script.js
└── manifest.iniIf you can write basic HTML, you can build a theme —
but even if you can’t, you can ask ChatGPT:
…and it will generate a fully working overlay using variables like {{ city }}, {{ temp_fmt }}, {{ wind_line }}, and {{ cond_desc_cap }}.
You can also download a base theme to start customizing immediately.
Features
✅ Real-time updates (configurable refresh interval)✅ Multi-language and unit support
✅ Fully editable themes
✅ No telemetry, no cloud dependencies
✅ Runs locally on port 8085 (or your choice)
✅ Works great for Twitch, YouTube, Kick, and more
Installation
- Download the plugin for your OS from https://obsweather.com/obs-weather-plugin-for-obs-studio
- Copy the files into your OBS plugin directory
- Launch OBS → Tools → OBS Weather
- Enter your OpenWeather API key and pick your location
- Choose a theme, save, and add the Browser Source overlay
- Done your weather now updates live while streaming!
Links
Website & downloads → https://obsweather.com/obs-weather-plugin-for-obs-studioDiscord (feedback & testing) → https://discord.gg/2yD6B2PTuQ
Support → https://ko-fi.com/mmltech
Thanks to everyone who helped test the beta!
If you want to try making your own weather overlay or integrate it with your stream layout give this a shot and share what you build!
