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.

Oooh Boi

<p>Parallaxer for Elementor brings the power of Rellax.js to your Elementor pages, allowing you to add smooth parallax scrolling effects to any widget with just a few clicks.<br />
But that is not all!<br />
With just one click you can apply smooth scrolling to all of your Elementor built pages. Smooth scroll is powered by the lenis.js library.<br />
Parallaxer also brings a mini fluid system for both typography and spacing which is brought to you by utopia.fyi fluid space calculator. It means that you no longer need to maintain typography and spacing across multiple breakpoints but rather provide only the desktop values while each value between the desktop and mobile will be interpolated.</p>
<h4>Features</h4>
<ul>
<li>Easy to use interface in Elementor’s Advanced tab</li>
<li>Responsive speed controls for different devices</li>
<li>Lightweight and optimized for performance</li>
<li>Works with any Elementor widget (Containers excluded!)</li>
<li>Global scroll smoothing (via the User Preferences panel)</li>
<li>Includes a mini fluid system for both typography and spacing</li>
</ul>
<h4>How to Use</h4>
<ol>
<li>Edit any element in Elementor</li>
<li>Go to the Advanced tab</li>
<li>Find the “Parallaxer” section</li>
<li>Enable parallax and adjust settings</li>
<li>Preview and adjust as needed</li>
</ol>


Parallaxer for Elementor

Add smooth parallax scrolling effects to any Elementor widget using the lightweight Rellax.js and lenis.js libraries.

Smart Parallax vs Parallaxer for Elementor