116 CSS Weather Plugins

Are you looking for CSS Weather Plugins If yes then you are on right place because here we have collected most popular 116 CSS Weather Plugins for you. you can choose any of following CSS Weather Plugins which suits best to your web based projects, These all are highly rated 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




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



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



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



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



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



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



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



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



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



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



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



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



Remix inspired by another CSS weather icon pen. I wanted to make an optimized and more responsive variant... .....
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



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