Collection of free jQuery weather widget code examples from Codepen and GitHub.
Related Articles

Links
Made with
- HTML / CSS / JS
About a code
Weather App Using Fetch API
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, bootstrap.css, bootstrap.js, anime.js

Links
Made with
- HTML / CSS / JS
About a code
Weather App
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap.css, skycons.js

Links
Made with
- HTML / CSS / JS
About a code
Local Weather
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap.css, ionicons.css, font-awesome.css, tether.js, bootstrap.js, skycons.js

Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Weather Card
A simplistic, minimalist weather card.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css

Links
Made with
- HTML / CSS / JS
About a code
Weather App
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css

Links
Made with
- HTML / CSS / JS
About a code
Super Mario Weather
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: bootstrap.css, bootstrap.js, jquery-ui.js

Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Local Weather App
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: weather-icons.css

Links
Made with
- HTML / CSS / JS
About a code
Weather Widget App with Open Weather API
Geo-location weather widget that detects weather status, conditions, local time, temperature in (Celsius/Fahrenheit), wind speed, humidity, pressure, sunrise and sunset. Allow geo-location on browser first.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: bootstrap.css

Links
Made with
- HTML / CSS (SCSS) / JS
About a code
Weather Widget
A simple current weather widget and current time and date feature.
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: yes
Dependencies: font-awesome.css, weather-icons.css
Links
Made with
- HTML / CSS (SCSS) / JS
About a code
CSS Weather App
Compatible browsers: Chrome, Edge, Firefox, Opera, Safari
Responsive: no
Dependencies: font-awesome.css