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 …

overengineer

An unofficial WordPress plugin to add a Lottie widget to the <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder</a>.
<h4>Features</h4>
<ul>
<li>Intuitive UI, everything is configurable directly within Elementor, through the widget’s controls</li>
<li>Manage and re-use animation data JSON files through the WordPress Media Library</li>
<li>Works with the latest version of Elementor (does not require Elementor Pro)</li>
<li>Includes several animation options, allowing you to customize:
<ul>
<li>The speed of the animation</li>
<li>Whether to autoplay on page load</li>
<li>Whether to loop or play once</li>
<li>Whether to play reversed</li>
<li>Whether to play on mouse over</li>
<li>Whether to stop, pause, or reverse on mouse out</li>
</ul>
</li>
<li>Includes several styling options, allowing you to customize:
<ul>
<li>The dimensions (width and max width) with responsive controls</li>
<li>Opacity, CSS filters, borders, and box shadow!</li>
</ul>
</li>
</ul>
<h4>Setup tutorial</h4>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/LYTTMPNQQZQ?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>

Animentor – Lottie & Bodymovin for Elementor

An Elementor extension that adds a widget for Lottie animations.

WP Morphext vs Animentor – Lottie & Bodymovin for Elementor