Swup is a easy to use and flexible page transition library.You can define as many containers to replace, so you can work with the rest for your animation.
Gliding Gallery is a simple image gallery with transitions. You can also watch video tutorial of gliding gallery.
Flipping is a library and collection of adapters for implementing FLIP transitions.
A tutorial about creating very cool WebGL Distortion Slider using Three.js for the image transitions and some crude HTML + CSS just to mockup the UI around the background.
Slice Slider is a little slicey transition slider using a simple add class deal. Supports scrollwheel (scroll jacking), nav buttons and arrow keys.
An experimental slideshow that shows an animated SVG frame when transitioning between slides. Different shapes can be used for creating a variety of styles. Anime.js is used for the animations.
A simple morphing page transition effect where an SVG path gets morphed into another while the current page moves up.
Anime.js used for the animations and Charming.js used for some letter effects.
humane.js is a simple, modern, framework-independent, well-tested, unobtrusive, notification system.
Utilizes CSS transitions when available, falls back to JS animation when not. Includes mobile support.
AniX is a lightweight and easy-to-use animation library with excellent performance and good compatibility for modern browsers.
An immersive transition effect powered by image masks and CSS transforms using jQuery.
AsciiMorph is a small stand alone javascript library for rendering ascii art and creations into elements, allowing for them to be changed out with a morphing transition.
Gradientify is a simple jQuery plugin that provides CSS gradient transitions.
Force.js is a javascript library to animate elements and jump around on your page easily.
It has different easing functions and tries to use CSS-Transitions to animate elements.
Zebra_Tooltips is a lightweight jQuery tooltip plugin for creating simple, smart and visually attractive tooltips with nice transitions and configuration options.
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.
