Explore our interactive Gutenberg weather block for WordPress. Discover how to easily integrate real-time weather forecasts on your website today.
Test full customization of GPS coordinates, dynamic display of temperature, weather conditions and humidity levels.
Complete demonstration of the fully responsive block optimized perfectly for all devices and screen sizes.
Follow this link to build and display Weather widget with a Gutenberg block.
Weather forecast for the Day
This chart displays the weather forecast for the day, plus or minus 6 hours for the current city time.
Weather forecast for the Week
This chart displays the weather forecast for the week with the minimum, average, and maximum temperatures for each day.
Displaying today’s weather data as Badge and Card
Display of reduced and complete daily weather data.
06/02/2026
2:55 PM
Mainly clear
New York (US)
77.4°F
Humidity 27%
03-06-2026
00:25
Clear sky
Mumbai (IN)
27.9°C
Humidity: 80%
Low: 25°C High: 34.2°C
Sunrise: 06:00
Sunset: 19:12
Clouds: 13%
Rain probability: 27%
Precipitation: 0mm
Pressure: 1007 mbar
Wind: 6.7 km/h
Gust: 14.8 km/h
