khalidhoffman

This Plugin enables a WordPress site to render animations between page transitions.
What’s new?
<ul>
<li>Adds Admin options for:
<ul>
<li>loading indicator type (progressive or indeterminate),</li>
<li>loading indicator color</li>
<li>background color</li>
<li>cache busting</li>
<li>(more experimental options for performance)</li>
</ul>
</li>
<li>pre-caching for better performance</li>
<li>Fallback animations for no-js</li>
<li>Animated feedback on same page clicks</li>
</ul>
Some notes about wp-spa
Page crawlers and SEO analytics should remain unaffected. 
WP-SPA makes use of the latest technologies and fall backs on safe defaults when necessary.
Missing a feature? <a href="http://khalidhoffman.net/#/get-in-touch" rel="nofollow ugc">Let me know!</a>
<h3>Inspiration</h3>
Every site should be a SPA! It’s 2016, after all.

WP-SPA

Enables animations between page transitions.

Bilal Akil

This plugin facilitates the usage of this Word Switcher JavaScript tool: https://bitbucket.org/bilalakil/word-switcher
It creates a [word-switcher] shortcode where you can specify values for the tool’s parameters and, of course, the words themselves, along with a fallback value to be displayed while the tool is being loaded or if it fails to load. When the page is loaded the fallback content will be replaced with a word switcher.
Bring your own animations – it’s as easy as adding a couple of lines of CSS in the Customizer. It also adds the <code>wordSwitcher</code> JavaScript function to the global scope so you can do whatever you like with it.
Full usage example:
<pre>
Hello [word-switcher words="world, people, friends, everybody, mate" switchDelay="1000" random="true" animationDuration="null" className="hello-world-switcher"]world[/word-switcher]
</pre>
This can be accompanied by the following CSS (which you can insert straight into the Customizer) to simply fade the switching words in and out:
<pre>
.hello-world-switcher-enter-active, .hello-world-switcher-leave-active {
 transition: opacity 1s
}
.hello-world-switcher-enter, .hello-world-switcher-leave-to {
 opacity: 0
}
</pre>
Read the JavaScript tool’s documentation for more information regarding the parameters and their default values, and how to use the animation classes (as inspired and imitated from the awesome Vue.js).

Word Switcher

Enables the usage of the Word Switcher NPM module and a [word-switcher] shortcode! Bring your own animations - it's as easy as adding a couple of …

WP-SPA vs Word Switcher