Put the channel on your own page
Five embeddable widgets, built from the same renderer as our 24/7 stream: current conditions, an extended forecast, an animated radar loop, a National Weather Service alert banner, and the live channel itself. Each one is a single line of HTML.
No account, no API key, no usage limit, nothing to install. Forecasts come from Open-Meteo, watches and warnings from the National Weather Service, and radar from RainViewer — fetched by your visitor's browser, not relayed through us, so a widget keeps working even when we don't.
Build your embed code
<!-- loading -->
Paste that anywhere in your page's HTML — in a post, a sidebar widget, a footer, a theme template. It works in WordPress (a Custom HTML block), Squarespace and Wix (an Embed / Custom Code block), Ghost, Hugo, Jekyll, Notion embeds, and plain hand-written HTML.
The five widgets
Current conditions
The on-air look of a WeatherStar "Current Conditions" page: temperature,
condition, feels-like and the day's range. Add an hourly strip with
data-hours.
Extended forecast
Five to ten days, gold on navy, with a shared temperature scale so the range bars are comparable row to row.
Live radar
An animated NEXRAD loop on a darkened basemap, with the frame timestamp and a scrubber. Loads nothing until it scrolls into view.
Live channel
The 24/7 stream itself, click-to-play. Falls back to our own feed if YouTube is down, and to a link if both are.
Alert banner
Active NWS watches and warnings for one point, in the channel's striped alert stripe. On a quiet day it renders nothing at all — the widget reports a height of zero and your layout closes over it, then reopens by itself the moment something is issued. The live example below is pinned to Miami: if the National Weather Service has nothing active for that point as you read this, you will see exactly nothing under this paragraph, which is the whole design.
Not a substitute for an official warning system. It mirrors what weather.gov publishes, with the delay that implies — tell your readers to follow local officials, as we do.
Installing more than one
A script tag with data-widget on it becomes a widget
where the tag sits. If you want several, or need one somewhere a script tag can't go, mark
the spots with an empty div and load the file once:
<div class="rwr-widget" data-widget="alerts" data-location="30301"></div> <div class="rwr-widget" data-widget="current" data-location="30301"></div> <div class="rwr-widget" data-widget="forecast" data-location="30301" data-days="7"></div> <!-- once per page, anywhere --> <script src="https://retroweatherrewind.com/embed.js" async></script>
Without JavaScript
If your platform strips script tags, embed the frame directly. You lose the automatic height — the widget can't tell the page how tall it needs to be — so set a height yourself and keep the credit link in your own markup:
<iframe src="https://retroweatherrewind.com/embed/current.html?loc=30301"
width="100%" height="170" scrolling="no" style="border:0"
title="Current conditions — Retro Weather Rewind"></iframe>
<p style="font:12px sans-serif"><a href="https://retroweatherrewind.com/">
Weather by Retro Weather Rewind</a></p>
The query parameters are the data- attributes below
without the prefix, except that data-location becomes
loc.
Every option
| Attribute | Values | What it does |
|---|---|---|
data-widget |
current forecast radar alerts live |
Which widget. Required. |
data-location |
ZIP, city name, lat,lon, or autodefault: auto |
Where to show the weather for. A fixed location is strongly preferred —
auto makes the visitor's browser ask them for permission, and falls
back to New York if they decline. |
data-label |
any text | Overrides the place name on screen. Use it when a geocoder spells your town differently than you do. |
data-units |
f · cdefault: f |
Fahrenheit and mph, or Celsius and km/h. |
data-theme |
classic · midnightdefault: classic |
The bright cable-blue panel, or the near-black overnight look. |
data-days |
3–10 default: 5 |
Rows in the extended forecast. |
data-hours |
0–12 default: 0 |
Adds an hourly strip under the current conditions. Roughly doubles the height. |
data-header |
0 to hidedefault: shown |
Hides the gold title bar, for a tighter fit in a narrow sidebar. |
data-width |
pixels or any CSS width | Caps the widget's width and centres it. Omit to fill the container. |
data-start |
click · autodefault: click |
Live channel only. auto starts muted playback without a tap; we
don't recommend it on an article page. |
Terms — the short version
- Free for any site, personal or commercial. No sign-up, no key, no cap, no invoice, ever.
- Keep the credit link. The script adds one small line — "Weather by Retro Weather Rewind" — under the widget. That link is the whole price of admission, so please leave it alone; removing or nofollowing it is the one thing that isn't allowed. (It's also written back on every page load, so deleting it from your markup won't stick.)
- Don't rehost it. Load
embed.jsfrom our domain so fixes and new widgets reach your page. Copies go stale and break. - Not an official warning service. The alert widget mirrors NWS products and inherits their timing. For life-safety decisions, point people at weather.gov and local officials.
- We're a tribute, not a broadcaster. Retro Weather Rewind isn't affiliated with The Weather Channel or any broadcaster, and a widget on your page doesn't imply either of us endorses the other.
- Privacy. The script sets no cookie and stores no identifier. The weather is fetched by your visitor's browser straight from Open-Meteo, weather.gov and RainViewer, so those requests never touch our servers. The live-channel widget is the one exception: while somebody is actually watching our own feed it counts the session, and tells us your site's hostname so we know a widget is running there. Nothing is sold or passed to a third party. Full detail in our privacy policy.