12 jQuery Weather Plugins

jQuery weather plugins allow you to add beautiful weather widget/interface on your websites. With these plugins you can easily add weather widget on your websites and can display real time temperature and information for any location on your websites.

Below you will find 12 Best jQuery Weather Plugins for displaying weather information on your websites. If we have missed any please let us know by posting a comment, we would love to hear your feedback.

1. WeatherSlider


WeatherSlider is a gorgeous weather widget that you can easily add to your site. It supports multiple units of measurement, time and date formats, geolocation and custom location search for your visitors. It’s device friendly by supporting responsive mode, touch gestures on mobile devices, and CSS3 transitions for optimal performance. It has tons of options to entirely customize the appearance and behaviour of your weather widgets at the smallest detail.
Demo & Download

2. WhatWeather


WhatWeather is a jQuery plugin which provides weather’s data. It uses worldweatheronline.com API to get, parse and deliver data in order to create weather’s widgets. WhatWeather provides data and let you manage the display. However, it uses Mustache. In this way, you can easily change the template of your widgets.
Demo & Download

3. SimpleWeather


simpleWeather is meant to be… well simple. You simply provide your US zip code, WOEID, lat/long, or any location in the world and it returns your local weather from Yahoo! This plugin won’t spit out a bunch of HTML full of classes and IDs. It just gives you the data for you to use, display, and style as you need.
Demo & Download

4. Flat Weather jQuery Plugin


Flat Weather is an easy to use jQuery plugin that supports switching between two different weather API sources (OpenWeatherMap.org or Yahoo Weather) without changing any of your front-end code. Great for dashboards and sidebars.

There are plenty of display options that will let you customize the widget for your particular application without forcing you read the source. Responsive css keeps it looking good across desktop and mobile.
Demo & Download

5. amCharts Weather Map


amCharts Weather Map is a JavaScript library that helps your create beautiful, dynamically-updated, searchable maps and charts with all kinds of weather-related information.
Demo & Download

6. Open Weather


A simple, lightweight jQuery plugin used to display the current weather of any city using the free OpenWeatherMap API. This plugin allows you to display the location, the current temperature, the current low temperature, the current high temperature, a description of the current weather, a weather icon, the humidity level, the wind speed, the time the sun will rise, and the time the sun will set.
Demo & Download

7. jQuery Weather Forecasts


This is a jQuery based weather forecast script. Which can display a simple weather widget on your website, this plugin is quite lightweight and comes with quite few options to display accurate weather online.
Demo & Download

8. Weathro


This script will get the geographic location of any user on your website and display a weather status of that particular location on your website. The weather status is pulled using APIs exposed by wunderground.com. Weather status of the current day and the next three days is pulled and available to this widget.
Demo & Download

9. J.B.Weather Widget


J.B.Weather is a simple widget for displaying weather conditions and forecast for places across the world.
Demo & Download

10. Easy Weather


Easy Weather is a lightweight and versatile jQuery plugin displaying weather information for any location. Its compact size and numerous options make it perfectly suitable for providing local weather information in portals, websites, blogs and apps.

It currently works with 6 weather providers but it is designed to work with an unlimited number of sources. It implements a cascading fallback mechanism ensuring data is retrieved even if a provider is down or the consumer itself is throttled by a service. If the first provider fails to return the requested information, EasyWeather will contact the next one to maximise the availability of the service.

EasyWeather’s engine uses the same mechanism to detect users location and it currently supports 3 different geolocation services.
Demo & Download

11. Weather on Google Maps


Weather on Google Maps plugin allows you to easily embed any number of Google Maps with live weather information for any number of cities using simple HTML snippets. You can customize the look and feel of the weather information box via CSS and even choose what data to display.
Demo & Download

12. Better Weather


This is a beautiful and feature rich weather widget with powerful responsive design, just put that in anywhere with any width in your site and magic happens.
Demo & Download

12 jQuery Weather Plugins
5 (100%) 4 votes

Leave a Reply