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.
barba.js is a small, flexible and dependency free library that helps you creating fluid and smooth transitions between your website's pages.
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 ajax powered page transition, with a slide-in content animation triggered by a side tabbed navigation.
A CSS powered animation, that replaces the refresh of the page while the content is updated using Ajax.
Animsition is a simple and easy jQuery plugin used to add page transition on css animations.
smoothState.js is a jQuery plugin that progressively enhances website page loads to behave more like a single-page application.
A simple responsive layout with some fancy page transitions. The idea is to show four items initially and expand them. Some additional page transitions are added for inner items.