Best jQuery Weather Plugins & Tutorials with Demo

Local Weather App using JSON, jQuery & OpenWeatherMap APIs

Local Weather App using JSON, jQuery & OpenWeatherMap APIs

Built a simple local weather app using JSON, jQuery, and APIs (ipinfo.io and OpenWeatherMap).

amCharts : Weather Map a JavaScript library

amCharts : Weather Map a JavaScript library

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

Blank Canvas Weather with jQuery & HTML5 Canvas

Blank Canvas Weather with jQuery & HTML5 Canvas

This is a weather app made using the OpenWeatherMap API and jQuery. Animations were created using HTML5 Canvas. Icons are from Noun Project.

HTML – Weather Widget Generator

HTML - Weather Widget Generator

It’s simple and quick to do – just type in the location you want to build weather widget and click build widget Then grab the code embed away!

Flat Weather jQuery Plugin

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!

The code is well-documented and small, with its only external dependency being jQuery, which makes it easy to deploy and extend. The plugin comes with an attractive flat UI css stylesheet, and uses a weather icons font to provide attractive and scalable visuals.

BetterWeather : jQuery Weather Plugin

BetterWeather : jQuery Weather Plugin

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!.

Weather Flat : jQuery plugin for Weather Information

Weather Flat : jQuery plugin for Weather Information

Flat 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.

My Weather – IP : jQuery plugin Show Weather using your IP Address

My Weather - IP : jQuery plugin Show Weather using your IP Address

“My Weather – IP” is a jQuery plugin that automatically find your location using your IP address, check the weather in that area and gives you useful information about your location.

Feature:

Gives you the Weather, City, Country, IP, Latitude, Longitude and Temperature.
– Callback ready to obtain those values.
– A lot of optional properties to change.
– Can create a popup with that information.
– Animated icon ready on browsers that support canvas. Otherwise, works with a very nice PNG.
– Easy to set up.
– No PHP, MySQL, ASP knowledge required.

WhatWeather : jQuery Weather’s Widgets plugin

WhatWeather : jQuery Weather's Widgets plugin

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 easely change the template of your widgets.

You can get weather data from cities all over the world. The plugin uses the name of the city, geographic coordinate system, IP adresse or the HTML5 geolocation API. The plugin have also a client-server caching system by using Web Storage API and text file for the server side.

Open Weather : jQuery OpenWeatherMap API for Current Weather

Open Weather : jQuery OpenWeatherMap API for Current 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.