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.
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.
An article on how to achieve Medium’s next page transition effect—an effect that can be seen by clicking anywhere on the “Read Next” footer at the bottom of the page. This effect is characterized by the lower article easing upward as the current article fades up and out.
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.
All effects are done with CSS transitions and controled by applying classes with JavaScript. The whole layout is flexible and some media queries are added to size down things for smaller screens.
