HypeRate IRL Widget Configurator
Free browser-based overlay builder for IRL and outdoor streamers — heart rate, GPS, speed, weather, and more.
What is the IRL Widget Configurator?
The HypeRate IRL Widget Configurator is a free tool for IRL (In Real Life) streamers to build, customize, and export real-time data overlays for OBS Studio and compatible mobile streaming apps. No installation, no subscription — open the configurator, generate a URL, and paste it as a Browser Source in OBS.
Widgets connect to live telemetry via the HypeRate WebSocket API, which streams real-time data from your smartphone: GPS location, speed, distance, elevation, burned calories, G-force, and elapsed time. Weather data (temperature, precipitation probability, wind speed, UV index) is fetched automatically from Apple Weather based on your GPS coordinates.
The configurator supports both metric and imperial unit systems, fully customizable fonts (including Google Fonts via URL), 8-digit hex background colors with opacity control, animated and static icon styles, and horizontal or vertical layout orientations.
Features & Widget Types
- Time — elapsed session duration in HH:MM:SS
- Burned Calories — kcal or cal, float or integer display
- Speed — km/h (metric) or mph (imperial)
- Distance — km (metric) or mi (imperial)
- G-Force — gravitational acceleration in g
- Location — City & Country, Country Only, or Flag Only (SVG country flag)
- Temperature — °C or °F with optional UV index badge, powered by Apple Weather
- Precipitation Probability — chance of rain in %
- Wind Speed — km/h (metric) or mph (imperial)
- Elevation — metres (metric) or feet (imperial)
Summary View displays all Activity widgets (Time, Calories, Speed, Distance, G-Force, Location) or all Weather widgets simultaneously in a single overlay. Auto-Switching rotates through individual widgets on a configurable interval (1–60 s) via a single browser-source URL — ideal when overlay space is limited.
Studies on IRL streaming tools show that real-time biometric and GPS overlays can increase viewer retention by up to 40% compared to standard camera-only streams. The configurator makes it easy to add this kind of engagement to any outdoor or mobile broadcast.
How to get started
- Enter your HypeRate Device ID in the preview panel to enable live data.
- Select Single Widget or Summary View (Activities or Weather).
- Customize font, colors, icons, gaps, and border radius. Use 8-digit hex for semi-transparent backgrounds (e.g.
#00000066).
- Click Copy URL and paste it as a Browser Source in OBS.
Frequently asked questions
Is the IRL Widget Configurator free?
Yes, completely free. No account, no subscription, no payment required to configure or preview widgets.
Do I need a HypeRate account?
No account is needed to configure and preview with dummy data. A HypeRate Device ID from the HypeRate app is required for live telemetry during a stream.
What equipment do I need for IRL widgets?
A GPS-enabled smartphone running the HypeRate app provides location, speed, distance, and elevation. A Bluetooth heart rate monitor is optional but adds heart rate and calorie data. Weather data is fetched automatically from Apple Weather.
How do I add the widget to OBS?
In OBS: Sources → + → Browser → paste the generated URL. Set width/height to your canvas area. Enable hardware acceleration if animated icons appear choppy.
Why is my widget background transparent?
Background color uses 8-digit hex (#RRGGBBAA). The last two hex digits control opacity — 00 is transparent, FF is fully opaque. Use the opacity slider or edit the value directly.
About HypeRate
HypeRate is a platform for IRL and outdoor content creators. The IRL Widget Configurator is one of HypeRate's free tools, built to make real-time data overlays accessible to any streamer regardless of technical background.
HypeRate.io
Blog
LinkedIn
WebSocket API (GitHub)
Help & FAQ
llms.txt