robfromerd

<p>Adds smooth transitions between navigations to your WordPress site. This plugin is a fork of “View Transitions”. Note: add “page-animated” category to post or page you want to have a transition animation other than the default fade. This plugin checks for taxonomy capability and adds the capability to pages if not already enabled.</p>
<p><strong>Key Features:</strong><br />
* Conditional animation support – only pages/posts with the “page-animated” category get enhanced transitions<br />
* Multiple animation types including fade, slide, swipe, and wipe effects<br />
* Automatic category taxonomy support for pages<br />
* Browser compatibility detection<br />
* Customizable CSS selectors for different themes</p>
<h4>Browser support</h4>
<p>Cross-document view transitions are supported in a variety of browsers, including Chrome, Edge, and Safari. Users with browsers that currently do not support it should not see any adverse effects when the plugin is active. They will simply not benefit from the feature and continue to experience the traditional hard transitions between URLs.</p>
<p><a href="https://caniuse.com/mdn-css_at-rules_view-transition" rel="nofollow ugc">Please refer to “Can I use…” for a comprehensive overview of browser support for the feature.</a></p>
<h4>How to Use</h4>
<ol>
<li><strong>Install and activate</strong> the plugin</li>
<li><strong>Add the “page-animated” category</strong> to any post or page you want to have enhanced transitions</li>
<li><strong>Configure settings</strong> in Settings > Reading to customize animations and selectors</li>
<li><strong>Test navigation</strong> between pages to see the smooth transitions</li>
</ol>
<h4>Animation Types</h4>
<ul>
<li><strong>Fade</strong> – Smooth fade in/out (default)</li>
<li><strong>Slide</strong> – Elements slide in from different directions</li>
<li><strong>Swipe</strong> – Swipe effect with customizable offsets</li>
<li><strong>Wipe</strong> – Wipe effect with angle control</li>
</ul>


Conditional View Transitions

Adds smooth transitions between navigations to your WordPress site.

overengineer

<p>An unofficial WordPress plugin to add a Lottie widget to the <a href="https://wordpress.org/plugins/elementor/" rel="ugc">Elementor Page Builder</a>.</p>
<h4>Features</h4>
<ul>
<li><strong>Intuitive UI</strong>, everything is <strong>configurable directly within Elementor</strong>, through the widget’s controls</li>
<li>Manage and re-use animation data JSON files through the <strong>WordPress Media Library</strong></li>
<li><strong>Works with the latest version of Elementor</strong> (does not require Elementor Pro)</li>
<li>Includes several animation options, allowing you to customize:
<ul>
<li>The <strong>speed</strong> of the animation</li>
<li>Whether to <strong>autoplay</strong> on page load</li>
<li>Whether to <strong>loop</strong> or play once</li>
<li>Whether to <strong>play reversed</strong></li>
<li>Whether to <strong>play on mouse over</strong></li>
<li>Whether to <strong>stop, pause, or reverse on mouse out</strong></li>
</ul>
</li>
<li>Includes several styling options, allowing you to customize:
<ul>
<li>The <strong>dimensions (width and max width) with responsive controls</strong></li>
<li><strong>Opacity, CSS filters, borders, and box shadow!</strong></li>
</ul>
</li>
</ul>
<h4>Setup tutorial</h4>
<span class="embed-youtube" style="text-align:center; display: block;"><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></span>


Animentor – Lottie & Bodymovin for Elementor

An Elementor extension that adds a widget for Lottie animations.

Conditional View Transitions vs Animentor – Lottie & Bodymovin for Elementor