No. 39 of 106

Weather Widget

Live local weather (Open-Meteo, no API key).

    On this page
  1. Weather Widget
  2. A travel guide's "weather in Lisbon" box
  3. A festival's weekend forecast
  4. A company's offices around the world
  5. A little weather in your header
NEWSON · ELEMENT NO. 39

Live weather that looks as good as your site: an animated sky that changes with the weather and the time of day, a week-ahead view, an hourly chart, a details dashboard and several cities at once. Works with OpenWeatherMap or Open-Meteo, and your API key never appears in the page.

Praia da Luz, PortugalMonday 14:40
Right now at the resort
84°
Sunny↑84° ↓70°
Feels 81°54%9 mph10%06:1218:52
Now84°
1584°
1684°
1783°
1882°
1981°
2079°
2177°
2275°
2373°
0072°
0171°
Sample data

These widgets show sample data (labelled on each one). Connect OpenWeatherMap or Open-Meteo in the widget settings for live weather.

DETAILS DASHBOARD · SUN ARC · WIND COMPASS · UV

Everything a visitor planning a day out wants to know: the sun's path, wind direction, humidity, UV index and the week ahead.

Lisbon, PortugalMonday 14:40
73°Partly cloudy↑73° ↓59°
Sun
06:1218:52
Wind
NESW9mph
Humidity
54%
UV index (max)4 Moderate
Feels like70°Wind makes it feel cooler.
Pressure1014 hPa
  1. Today59°73°
  2. Tue59°73°
  3. Wed59°75°
  4. Thu70%61°73°
  5. Fri57°72°
  6. Sat57°73°
  7. Sun63°75°
Sample data

These widgets show sample data (labelled on each one). Connect OpenWeatherMap or Open-Meteo in the widget settings for live weather.

WEEK AHEAD · TEMPERATURE RANGE BARS

Visitors see at a glance which days are warm, which are wet and whether to pack a raincoat. Today's dot shows where the temperature is right now.

Festival site, SomersetMonday 14:40
61°

Rain now. Today's high 61°, low 43°.

  1. Today70%43°61°
  2. Tue70%46°61°
  3. Wed46°63°
  4. Thu52°64°
  5. Fri70%41°55°
  6. Sat70%45°61°
  7. Sun50°63°
Sample data
SEVERAL PLACES · LOCAL CLOCKS

One widget, many cities. Each card paints its own sky and shows that city's local time, which ticks along live.

LondonHead office
14:40
68°
Cloudy↑68° ↓54°
DubaiSales
17:40
85°
Sunny↑85° ↓72°
ChicagoEngineering
08:40
52°
Rain↑61° ↓43°
TokyoSupport
22:40
48°
Clear↑56° ↓43°
OsloDesign
15:40
34°
Snow↑34° ↓19°
San FranciscoPartners
06:40
41°
Foggy↑54° ↓39°
Sample data

These widgets show sample data (labelled on each one). Connect OpenWeatherMap or Open-Meteo in the widget settings for live weather.

COMPACT PILL · FOR HEADERS AND TOP BARS

A café, a garden center or a surf school can show today's weather next to the opening hours.

☕ The Harbor CaféOpen today 8:00 – 18:00 · Sea-view terrace
84°BrightonSunny · ↑84° ↓70°Sample
64°BristolCloudy · ↑64° ↓50°Sample
57°CornwallClear · ↑57° ↓43°Sample
Chamonix slopesMonday 15:40
Snow report
32°
Snow↑32° ↓18°
Feels 29°54%9 mph70%06:1218:52
  1. Today70%18°32°
  2. Tue70%18°32°
  3. Wed18°34°
  4. Thu23°36°
Sample data
ANIMATED SKY · SNOW, RAIN, STORMS, STARS

The banner's sky follows the real weather: falling snow, rain streaks, lightning flashes, drifting fog and twinkling stars at night.

NEXT HOURS CHART · RAIN CHANCE BARS

A smooth temperature line for the next 24 hours, with the chance of rain under every hour. Scroll sideways on a phone.

Portsmouth marinaMonday 14:40
75°Thunderstorm↑75° ↓61°
60%Now
67%15
74%16
81%17
88%18
65%19
72%20
79%21
86%22
63%23
70%00
77%01
84%02
61%03
68%04
75%05
82%06
1%07
66%08
73%09
80%10
87%11
64%12
71%13
Sample data

These widgets show sample data (labelled on each one). Connect OpenWeatherMap or Open-Meteo in the widget settings for live weather.

CARDS · SEVEN SKINS

The same card in different skins: sunny gradient, live sky that follows the weather, glass, minimal and pastel.

BarcelonaMonday 15:40
84°Sunny↑84° ↓70°
Feels 81°54%9 mph10%06:1218:52
Now84°
1684°
1783°
1882°
1981°
2079°
2177°
2275°
Sample data
ReykjavikMonday 13:40
56°Clear↑57° ↓43°
Feels 53°54%9 mph10%06:1218:52
  1. Today43°57°
  2. Tue43°57°
  3. Wed43°59°
Sample data
ManchesterMonday 14:40
61°Rain↑61° ↓43°
Feels 58°88%9 mph70%06:1218:52
  1. Today70%43°61°
  2. Tue70%46°61°
  3. Wed46°63°
Sample data

106 elements for news, Weather Widget included.