Weather & Time overlay builder

Preview Sample data

Shows synthetic sample weather — zero network — so every unit/format/style toggle below has an instant preview. Once you configure a real location below (or use this device's), the SAME preview switches over to live data. If it says "allow location access" once live, either allow it or choose a city / fixed coordinates below.

🔒 Location privacy

Show my location as

Weather & time are still accurate for your exact spot — only the displayed place text is coarsened. Default stays coarse so the overlay can't reveal your city.

Where does the location come from?

Best for running the overlay on the same device. In OBS/cloud setups where browser location is blocked, pick a city, fixed coords, or RTIRL.

Display

Units

Clock

Date format · when Local date is shown

Show

Location Local time Local date Weather

Weather details · optional, shown under the temp

Feels like Humidity Wind Pressure

Detail layout

Refresh (seconds)

Weather + place refresh interval (min 60). The clock ticks every second on its own.

Language

Style

Text alignment · inside the card

Position · card anchor in the view

Base text size (px)

Text color

Card background

Temperature color

Corner radius (px)

Your overlay URL

Open

Paste this into a browser source in OBS (or your streaming app). Set the source size to match, keep the background transparent. Your location settings live in the URL's # fragment, which browsers never send to a server — so coordinates and any RTIRL key stay out of access logs.