10+ JavaScript and CSS Solutions To Create Snowfall Effects On Webpage

Christmas day is coming soon. In this post, I’d like to share with you an unique collection of 10+ JavaScript & CSS libraries and jQuery plugins  that add nice, animated, customizable snowfall effects to your holiday themed webpages and web applications.

12/24/2015 Update:

Rendering snow with shaders

A post shows you how to render a snow simulation with three.js and WebGL.

Rendering snow with shaders


CSS3 Snow Animation

CSS3 Snow Animation

12/19/2015 Update:

jquery-snow

Adds a snow falling effect with jQuery

Live Demo

Realistic-Snow-Falling-Effect-with-jQuery-CSS3-snow-js


 

snowfallcanvas

Adds snowfall to any HTML element.

Live Demo

snowfallcanvas


snow.js

Pure JavaScript Browser Snowfall.

Live Demo

snow.js


letItSnow.js

letItSnow.js is a jQuery extension that makes your website snowing.

Live Demo

letItSnow.js


let-it-snow

This is a little experiment on creating CSS snowflakes that stick/collect to elements.

Live Demo

let-it-snow


snow-it

This script was made when my boss wanted a snow effect on his website.

Live Demo

snow-it


weather.css

Minecraft weather effects with pure CSS!

Live Demo

weather.css


snow

Creates a snow effect on the site. See the demo html file for usage.

Live Demo

snow


nice-Snowing

Just another jQuery plugin that applies a 3D realistic snow falling effect to your website by using Html5 canvas elements and a snowflake PNG.

Live Demo

nice-Snowing


JQuery-Snowfall

Makes it snow on any web page or specific element.

Live Demo

JQuery-Snowfall


snowfall

jQuery plugin for a canvas based falling snow animation.

Live Demo

snowfall

Leave a Reply