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.

Michael Rademacher

TextTweener is a Gutenberg block that creates smooth, animated text transitions. Individual letters morph and move to their new positions, creating an elegant text rotation effect.
Live Demo: <a href="https://realmaker.de/texttweener/" rel="nofollow ugc">https://realmaker.de/texttweener/</a> — see the animation in action before installing.
Source Code & Build Instructions:
The minified file <code>assets/texttweener.umd.min.js</code> is built from the TypeScript source at: 
<a href="https://github.com/Realmaker/textTweener" rel="nofollow ugc">https://github.com/Realmaker/textTweener</a>
To build from source:
<ol>
<li>Clone the repository: <code>git clone https://github.com/Realmaker/textTweener.git</code></li>
<li>Install dependencies: <code>npm install</code></li>
<li>Build: <code>npm run build</code></li>
</ol>
The compiled output is generated in <code>dist/</code> using <a href="https://tsup.egoist.dev/" rel="nofollow ugc">tsup</a> (ESBuild-based bundler). The build configuration is in <code>tsup.config.ts</code>.
Features:
<ul>
<li>Smooth letter-by-letter animation between text phrases</li>
<li>Customizable display duration, transition speed, and stagger</li>
<li>Multiple easing presets (Smooth, Ease Out, Bounce, Linear)</li>
<li>Add as many text phrases as you need</li>
<li>Responsive and works with any WordPress theme</li>
<li>No jQuery dependency</li>
<li>No-JavaScript fallback for accessibility</li>
</ul>
Usage:
<ol>
<li>Add the “TextTweener” block in the WordPress block editor</li>
<li>Enter at least two text phrases in the block settings</li>
<li>Customize animation settings (duration, easing, stagger) as desired</li>
<li>Publish and watch your text animate</li>
</ol>

TextTweener

Animated text transitions — letters morph to their new positions.

WP-SPA vs TextTweener