Some experimental rain and water drop effects made with WebGL and shown in different demo scenarios.
Some effect inspiration for card stacks. The idea is to show animation ideas for positive (accept) or negative (reject) feedback on a generic card element.
A tutorial about creating stars flashing effect by using jQuery and very easy to use.
Effect simulating a tilting sheet of paper to reveal the navigation menu.
ShakeBorder is a jQuery plugin to create shake and border effects. It can be customize and very easy to use.
ClickSpark.js is an open source particle effect tool for the frontend. It’s based on JavaScript and HTML5. ClickSpark.js adds beautiful particle effects to yourJavaScript events. The special feature is that image files can be used as single particles. It’s easily configurable and flexible.
Letter by Letter JS is a lightweight jQuery plugin to present text letter by letter on a HTML page. This text can appear as if was just being typed, or it can fade in more gently.
This script transforms any image into a HTML5 compliant figure element with a nice caption.
Choose from 7 different effects to unveil the caption in style onmouseover. Captions can be dynamically defined or literally inside the figure element. On touch devices such as the iPad, touching the image reveals the caption, and touching anywhere else dismisses it.
jQuery Bloodforge Smoke Effect plugin lets you to add a smoke effect background to any HTML element on the page
A tutorial about creating experimental page scroll effects. All animations have been created using Velocity.js.
Raindrops.js is a jQuery plugin to create raindrop effect on water. There are lots of option/settings to customize this plugin.
A subtle tilt effect for images by using css and javascript. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect
cta.js or "Call to Animation" is a light-weight performant library to animate your "action-to-effect" paths.
Wipe Slider is a jQuery plugin that creates rotating slider wipe effect using background-size:cover and background-position:center.
A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.
