116 CSS Weather Plugins

Based on dribbble shot https://dribbble.com/shots/2097042-Widget-Weather by kylor .....
Weather

Seamless animation between states, and some of animations break outside the container. Select the weather icons on the top to see each state. .....
Weather

The Weather .....
Weather

Hey guys! This was a little pen I made just playing around with Open Weathers API! Decided to make a simple weather widget! Hope you guys like it! .....
Weather

CSS only Weather Widgets Inspiration: http://drbl.in/olwj .....
Weather

CSS3 animated weather icons Inspired by Mark Geyer's [GIF] Weather at: http://dribbble.com/shots/1389791--GIF-Weather .....
Weather

This is a weather application built with JavaScript as part of the Free Code Camp curriculum .....
Weather

Loading animation for the new Authentic Weather website ~ http://authenticweather.com .....
Weather

All credits to Jonathan Quntin STUDIOJQ i'm only the bored dude who coded it =) .....
Weather

Sample usage for the simpleWeather plugin. http://simpleweatherjs.com .....
Weather

Dribbble rework of an original shot by Sergey Valiukh. .....
Weather

Weather application with jQuery, and javascript. .....
Weather

Weather App using real data from Open Weather Map api! .....
Weather

Local Weather App for the Freecodecamp challenge. .....
Weather

A small widget to show the current weather conditions and a three day forecast. .....
Weather

a weather popup/widget inspired from: https://dribbble.com/shots/636796-Weather-Pop-up .....
Weather

.....
Weather

A little weather notifier app to show SVG animation and vuex with templates. The code is a little different in codepen, you can see it all how it would be set up for an app in this repo: https://github.com/sdras/vue-weather-notif.....
Weather

A simple weather app using simpleweather.js, for my freecodecamp project. All icons from http://ionicons.com .....
Weather

Simple AngularJS weather application that uses OpenWeather API. Further source at https://github.com/kvitsux/ang-weather .....
Weather

Hello, This is my Weather Application for freeCodeCamp Portfolio. The Default Location is set to London but you can change it in the settings menu! It was built with jQuery and the Weather API from Yahoo to retrieve the data in a.....
Weather

Created for a FreeCodeCamp project and as part of my #100DaysOfCode challenge. This app uses the Wunderground API and the set of pure CSS weather icons I created, which can be found here: https://codepen.io/tiffanyadu/pen/OprNrV .....
Weather

FreeCodeCamp: Local Weather App .....
Weather

Original design from dribbble: http://drbl.in/jGgT Uses weather API to grab weather info. Nav buttons are also functional. .....
Weather

Quick weather demo using the awesome SimpleWeather.js plugin. http://simpleweatherjs.com/ .....
Weather

Shows current weather in your area. .....
Weather

Detects your location based on IP address, queries the weather and returns the weather report with a random nearby image matching the current weather tag. .....
Weather

Pure CSS3 and HTML5 animated weather notice cards. Original art by Fabrizio Bianchi. .....
Weather

A demo of how the weather widgets generated at WeatherWidget.io automatically respond to fill their container. .....
Weather

Local weather app created for freeCodeCamp. .....
Weather

A simple current weather widget and current time and date feature. Designed inspired by EZ Weather App Skin. .....
Weather

It shows current local weather based on latitude and longitude. It informs current temperature, weather, wind speed and so on........ .....
Weather

Starting from a still image as inspiration http://dribbble.com/shots/1145537-Plug-In1 i combined it with http://openweathermap.org/ free api .....
Weather

Free Code Camp's "Show the Local Weather" project. Any comments or suggestions much appreciated! .....
Weather

A panel to show the weather in a specific area. Design based on this Dribbble shot [https://dribbble.com/shots/1081917-WhereTO-App] from Tiberiu Neamu. .....
Weather

This pen is a simple weather app designed for the freecodecamp.com project "Show the Local Weather". It utilizes the OpenWeatherMap API. .....
Weather

Note: Probably won't work if you're using a VPN. Refactored and improved. Geolocation is faster and more accurate. Updated with the latest version of Weather Icons. Wind direction is now perfect to the degree. .....
Weather

freecodeCamp project - Shows the the weather of the current user. .....
Weather

FCC challenge: http://www.freecodecamp.com/challenges/show-the-local-weather Fetches local IP & weather data via .....
Weather

Zipline Project at FreeCodeCamp - uses openweather.org API to retrieve weather data base on the users location .....
Weather

CodePen demo for: http://kyusuf.com/post/material-weather-widget-with-moment-js .....
Weather

App Icon - Weather .....
Weather

A pen that displays the local weather for the user, using these APIs and Libraries: Bootstrap, jQuery, Google Material Design Lite, OpenWeatherMap's Current weather API, and Erik Flowers' Weather Icons .....
Weather

A simple local weather app. .....
Weather

Developed for the freeCodeCamp Intermediate Front-end Development Challenge: Show the Local Weather. Details: http://www.freecodecamp.com/challenges/show-the-local-weather .....
Weather

.....
Weather

Bare minimum example for simpleWeather. Full docs at http://simpleweatherjs.com .....
Weather

Lost interest, may revisit eventually. Uses JS/css transforms to align the clock hands and weather api with angular for the current/local weather .....
Weather

Uses Angular, Weather Icons and Open Weather Map API to create a simple weather card, initially based on user location, but can be over-ridden by the input below. .....
Weather

Trying CSS animation for SVG clouds for weather widget .....
Weather

A simplistic, minimalist weather card! .....
Weather

Re-created a dribbble by Max Shakurov in HTML/CSS. .....
Weather

.....
Weather

A weather widget written in vanilla JavaScript – implemented as a traditional prototype class. It shows a weather condition icon, degrees in Celsius or Fahrenheit and the city location, using the Yahoo! Weather API. .....
Weather

.....
Weather

Local Weather Forecast. Weather data for today and upcoming days is presented based on geographic IP address. Depending on the forecast temperature, the gradient will switch from warm to cold colors. The background image behind t.....
Weather

.....
Weather

Very basic setup for Weather site project .....
Weather

Local weather application! Thanks to: - Darksky for providing weather data and icons - Maxime Warnier for creating a colour variant of icons .....
Weather

.....
Weather

Utilization of a weather API in a web app. View your local weather! .....
Weather

Based on OpenWeatherMap.com API, IP-API.com Geolocation API and Weather Icons. .....
Weather

Flexbox weather card Inspiration: Dribbble Shot .....
Weather

FreeCodeCamp Zipline: Local Weather .....
Weather

A set of pure css weather icons created to work with the Wunderground weather API. The class names correspond with the returned values for the "icon" key (data.forecast.simpleforecast.forecastday.icon). .....
Weather

Local weather App built for freecodecamp's curiculum. Gadients sourced from http://codepen.io/zessx/details/rDEAl .....
Weather

Rule #1: Don't look at the example project's code. Figure it out for yourself. Rule #2: Fulfill the below user stories. Use whichever libraries or APIs you need. Give it your own personal style. .....
Weather

.....
Weather

A local weather app that can show the weather in the user's current location. It can also change the temperature between Celsius and Fahrenheit. This is a project requirement in the FreeCodeCamp's Front End Certification .....
Weather

This is a weather app that gets your location and shows the current weather as well as weekly forecast. You can also search any location and get its weather information. The app uses the Darkskies and Google Maps API as its prima.....
Weather

Weather app using Google and Dark Sky API. This project is for Free Code Camp. .....
Weather

This is one of FreeCodeCamp's intermediate front-end projects. Using Bootstrap, Weather-Icons, and Font-Awesome. .....
Weather

Modeling user interactions for adding locations to a user's saved locations in a hypothetical weather app. Nothing is connected, so it won't fetch the city associated with a zip code or the weather for a zip code. .....
Weather

A clean weather forecast using the Open Weather API and the Materialize framework. .....
Weather

App will give your local weather based on your location. A different .gif will appear based on the weather. Also can switch between Fahrenheit and Celsius. .....
Weather

Local weather is a web application that displays the location weather based on their current location. .....
Weather

Developed for the freeCodeCamp Intermediate Front-end Development Challenge: Show the Local Weather. Details: http://www.freecodecamp.com/challenges/show-the-local-weather .....
Weather

Inspire By Winter by Chester.Fu .....
Weather

Local Weather App that determine's the user's location and outputs the weather information. The openweathermap API was used as well as ipapi.co for the user's location. The weather icons are credited to: https://erikflowers.githu.....
Weather

Google Now - Weather Icons CSS only, lots of pseudo-elements used, clip-path and transform properties with skew and rotate. .....
Weather

WORK IN PROGRESS - here it is, my DevWars Weekly Challenge Week 3. check out the rules at - http://codepen.io/DevWars/pen/XbPaNg .....
Weather

.....
Weather

Now with bookmark! CSS only experiment. Page flip with bending effect. Works only on browsers that support transform-style: preserve-3d. .....
Weather

Click on the temperature or here to display in fahrenheit, and click on the message or here to update the reference point. Weather data is provided by OpenWeatherMap. Concept inspired by this xkcd comic (https://xkcd.com/526/). W.....
Weather

A web app that shows the local weather. On this app I used Jade, Sass, Javascript, Forcast.io, Geocoder.ca, and Weather Icons. .....
Weather

Just playing with an idea for a weather and date widget .....
Weather

Local Weather WebApp(?) that generates your current local weather & the forecast for the next 5 days (forecast.io) based on your IP address (freegeoip.net). Units can be converted between Celsius and Fahrenheit. .....
Weather

.....
Weather

Pen for the Challenge: http://codepen.io/DevWars/pen/XbPaNg .....
Weather

Weather teaser with 3D hover effect and bounceback animation on mouse leave. .....
Weather

A weather app built using AngularJS and OpenWeatherMap. See current temperature, humidity, wind speed, and weather status, and toggle between metric and imperial units. Weather and weather-related icons by Erik Flowers. If you're.....
Weather

.....
Weather

Remix inspired by another CSS weather icon pen. I wanted to make an optimized and more responsive variant... .....
Weather

Displays local weather. .....
Weather

Little play coding a design based on this dribble and this Behance page by STUDIOJQ .....
Weather

Inspired from a dribble shot. Could not find the link. This is done using pure css .....
Weather

This is a freeCodeCamp Zipline front end project .....
Weather

Beautiful angular weather app .....
Weather

Show the Local Weather - freecodecamp Simple weather application based on location. Note: This App works on both HTTP and HTTPS connection. .....
Weather

Built atop Vue & OpenWeatherMap .....
Weather

Free Code Camp local weather app challenge. .....
Weather

A test on using - Yahoo Weather APIs - Soundcloud API - Google Geolocation .....
Weather

Weather forecast icon for a rainy day. .....
Weather

Inspiration: https://dribbble.com/shots/683920-Widgets-Alt?list=searches&tag=widgets&offset=78 .....
Weather

A little button containing an easter egg for the authentic weather website. .....
Weather

A series of animated weather icons, purely SVG for easy scalability. Original icon credit goes to Alessio Atzeni at http://www.alessioatzeni.com for his Meteo icons .....
Weather

"Local Weather App" is a project as assigned by www.freecodecamp.com. The app pulls your geo-coordinates based on your IP address, and then it makes an API call to DarkSky for the weather in your area. This utilizes Bootstrap for.....
Weather

.....
Weather

Local Weather JSON API for Free Code Camp. .....
Weather

Animated watch interface using a mix of HTML5 canvas and CSS3 animations. Based on a shot by Kreativa Studio : https://dribbble.com/shots/1469893-Android-Wear-Weather .....
Weather

Coding this dribble shot: https://dribbble.com/shots/2906573-Timer-Compass/attachments/602112 .....
Weather

It's a home portal app design concept with fix 800x480 resolution. Designed to Raspberry Pi2. Animation with awesome GSAP. .....
Weather

Weather app Using openweathermap API. .....
Weather

Weather Forecast is based on HTML and CSS only. It took me almost 28 hours. Credits: .....
Weather

Responsive, CSS only, BBC weather icons .....
Weather

Watch me code this in 30 minutes (you can also speed it up if you feel I'm typing/ speaking too slow). Works fully in WebKit browsers and in Firefox (with the layout.css.clip-path-shapes.enabled flag set to true in about:config)......
Weather