Nate Gay

WP Morphext is a WordPress Plugin that allows for users to add shortcodes to animate text on their website. The plugin uses shortcodes to provide a native WordPress interface for using the morphext.js and animate.css libraries.
Options
<ol>
<li>
animation (flipInX is default), <code>[wpmorphext animation=“fadeIn” text=“Example 1, Example 2, etc”]</code>
</li>
<li>
speed (3000 milliseconds is default), <code>[wpmorphext speed=“1500” text=“Example 1, Example 2, etc”]</code>
</li>
</ol>
For a list of all animations please visit <a href="https://daneden.github.io/animate.css/" rel="nofollow ugc">Animate.css</a>
Important Note 
Some animations travel the entirety of the viewport. To limit where the animation can be seen you must set the parent container as <code>overflow: hidden;</code>
Dependencies
<ol>
<li>
Animate.css — <a href="https://daneden.github.io/animate.css/" rel="nofollow ugc">Homepage</a> — <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT License</a>
</li>
<li>
Morphext — <a href="http://morphext.fyianlai.com/" rel="nofollow ugc">Homepage</a> — <a href="http://ian.mit-license.org/" rel="nofollow ugc">MIT License</a>
</li>
</ol>
License 
GPLv2 (or later)

WP Morphext

WP Morphext is a WordPress Plugin that allows for users to add shortcodes to animate text on their website. The plugin uses shortcodes to provide a na …

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 Morphext vs TextTweener