smartparallax

<p><strong>SmartParallax</strong> adds smooth, GPU-accelerated parallax motion to WordPress blocks and sections.<br />
All effects are powered by CSS transforms combined with a lightweight JavaScript engine to ensure fluid performance on modern devices.</p>
<p>The plugin integrates seamlessly into any theme or page builder.</p>
<h4>Highlights</h4>
<ul>
<li>Smooth parallax motion based on scroll position</li>
<li>Background parallax via <code>.parallax-image</code></li>
<li>Container parallax via <code>.parallax-container</code></li>
<li>Horizontal motion using <code>.parallax-x</code></li>
<li>Speed modifiers (<code>parallax-3</code>, <code>parallax--05</code>, etc.)</li>
<li>Optional stop-sensitive behavior using <code>-s</code> modifiers</li>
<li>Automatic background-layer injection</li>
<li>GPU-accelerated transforms</li>
<li>Works with Gutenberg, Elementor, Bricks und mehr</li>
</ul>
<p>Full documentation, examples and demo pages available at:<br />
https://smartparallax.com/</p>
<h3>Available Classes</h3>
<p>  Class<br />
  Description</p>
<p>  <code>.parallax-image</code><br />
  Creates a moving background layer</p>
<p>  <code>.parallax-container</code><br />
  Moves an entire block or section</p>
<p>  <code>.parallax-x</code><br />
  Switches movement from vertical to horizontal</p>
<p>  <code>.parallax-(--)</code><br />
  Adjusts speed (e.g. <code>.parallax-05</code> or <code>.parallax--03</code>)</p>
<p>  <code>.parallax-[…]-s</code><br />
  Stop-Sensitive Motion: stops when element leaves viewport center</p>
<h3>License</h3>
<p>SmartParallax is open-source software licensed under the <a href="https://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow ugc">GPLv2 or later</a>.</p>


Smart Parallax

Lightweight GPU-optimized parallax animation system for WordPress blocks and containers.

syarifstudio

<p>Use this plugin with it’s Figma plugin companion to convert Figma design into WordPress block.</p>
<p>Automatically convert figma designs to WordPress blocks. This plugin converts a figma design with an auto layout to a wordpress column, row, header, and image block. The image will be automatically posted to WordPress Media.</p>
<p>This plugin also includes an addon for creating simple to complex animations using the Gutenberg editor. Block parallax animation, fade animation, slide animation, and custom animation are all supported by this plugin. Custom animation can be produced by providing position, rotation, and other block animation properties.</p>
<p>This plugin provides a timeline editor to edit the animation frame by frame. Creating a unique animation is as simple as editing the block properties. No coding required.</p>
<p>The pro edition allows for limitless figma imports and more options for animation properties, as well as custom animation triggers for clicking or hovering blocks.</p>
<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/dKFoJRJ9wlY?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>
<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/FoPf7phgWJg?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>
<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/agIirjlcAjM?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>
<p><a href="https://www.figma.com/community/plugin/1259821200791182652" rel="nofollow ugc">Figma plugin</a></p>
<p><a href="https://www.figma.com/community/file/1219938435849951256" rel="nofollow ugc">Figma samples file</a></p>
<p><a href="https://payhip.com/b/Wro0l/" rel="nofollow ugc">Buy Pro Version</a></p>


Animation and Design Converter for Gutenberg Block – Advanced Addons

Quite good

Animation and figma converter for gutenberg block.

Smart Parallax vs Animation and Design Converter for Gutenberg Block – Advanced Addons