A few examples of the page transitions available in jQuery Mobile. Use the back button (after you've seen a transition) to see how jQuery Mobile automatically applies the animation in the reverse for the "out" animation.
An in-depth tutorial on how to build the ripple effect outlined under Google Material Design's Radial Action specification and combine it with the powers of SVG and GreenSock.
Fly to is a lightweight jQuery plugin to create add to cart with cool fly effect.
Effect simulating a tilting sheet of paper to reveal the navigation menu.
A tutorial about creating full page slider, with animated SVG elements used as transition effects.
ShakeBorder is a jQuery plugin to create shake and border effects. It can be customize and very easy to use.
PleaseWait.js is a simple library to show your users a beautiful splash page while your application loads.
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
A basic responsive product grid layout with comparison functionality and a slide-in effect.
