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.
Gradientify is a simple jQuery plugin that provides CSS gradient transitions.
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.
A simple, responsive carousel with animated SVG paths used as transition effects.
A tutorial about creating full page slider, with animated SVG elements used as transition effects.
Zenith is responsive slider jQuery plugin that has 4 basic layouts + 4-th layout has dozen variations of it’s own, giving 3 additional sub-layouts.
Zenith also comes with 7 transition animation and unlimited possibilities of styling and creating your own variations.
An ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.