The idea behind rainyday.js is to create a JavaScript library that makes use of the HTML5 canvas to render an animation of raindrops falling on a glass surface. Simple enough, right?

Have a look at the demos to see it in action.

Demo #1

Demo #2


rainyday.js features extendable API, collision detection and is easy to extend with your own implementations of different animation components.


Rainyday.js is a pure JavaScript library which uses HTML5 features so it's supported by most of the modern browsers.

Internet Explorer 8 and below Internet Explorer 9 Internet Explorer 10 Firefox 23 and below Firefox 24 Safari 5.1 Google Chrome 27 and below Google Chrome 28 Google Chrome 29 Google Chrome 30 Opera 11.60 Opera 12.00 Opera 12.16 Opera mobile Konqueror 4.10.5 Android 4 Chrome mobile Safari mobile

Details »

Demo #3

Demo #4

Wanna help? Yay!

We're looking for fresh ideas, patches that might improve code quality and performance. Found an issue with the script or have a feature request? Submit a ticket!

Visit us on github

You can also donate via paypal