Get new jQuery plugins just once a week

×

Raindrops

FavoriteLoadingAdd to favorites

July 10, 2015

Raindrops | Query UI plugin for raindrops on water effect.

Raindrops is a jQuery plugin to create simulate the raindrops on water effect.

Created by Daniella Harel

Download
Home
Example

It has got the following options:

color

Water Color.

waveLength

Wave Length. A numeric value. The higher the number, the smaller the wave length. Default: 340.

frequency

Raindrops frequency. Higher number means more frequent raindrops. Default: 3.

waveHeight

Wave height. Higher number means higher waves created by raindrops. Default: 100.

density

Water density. Higher number means shorter ripples. Default: 0.02.

rippleSpeed

Speed of the ripple effect. Higher number means faster ripples. Default: 0.1.

canvasWidth

Width of the water. Default is 100% of the parent’s width.

canvasHeight

Height of the water. Default is 50% of the parent’s height.

rightPadding

To cover unwanted gaps created by the animation. Default: 20.

position

Canvas position. Default: ‘absolute’.

positionBottom

Canvas position. Default: Bottom = 0.

positionLeft

Canvas position. Default: Left = 0.

Raindrops-js jQuery plugin

water effects

Raindrops

Related posts:

Rickshaw-js
Starfield
MapIt

To install using Bower
bower install raindrops

Raindrops-js jQuery plugin

http://jquer.in/wp-content/uploads/2015/07/Raindrops-js.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever