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.

Freemius

Abu Hayat

bPlugins

Charles Cormier

Md. Merajul Islam Sojib

<p>The parallax effect is a modern web design technique where the background element scrolls slower than the foreground content. The parallax effect can be used on landing pages, long-form content, sales pages, or the homepage of a business website. It is a great way to highlight different sections on a lengthy page.<br />
You can easily create a parallax section with this plugin.</p>
<h4>Features</h4>
<ul>
<li>Easy to use</li>
<li>It does not require much technical knowledge to use</li>
<li>It is lightweight because it relies on JavaScript</li>
</ul>
<p><strong><a href="https://bblockswp.com/demo/parallax-section/" rel="nofollow ugc">Demos</a></strong></p>
<h4>How to use</h4>
<ul>
<li>First, install the Parallax Section plugin</li>
<li>Add the Parallax Section block from the block category called “Widgets” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:support@bplugins.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with us</a></li>
</ul>
<h3>Check out the Parent Plugin of this plugin-</h3>
<p><a href="https://bblockswp.com" rel="nofollow ugc"><strong>B Blocks</strong></a> – A blocks collection and page building tool for Gutenberg.</p>
<h3>Check out our other WordPress Plugins-</h3>
<p><a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc"><strong>Html5 Video Player</strong></a> – Display videos as single and playlist in multiple skins.</p>
<p><a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc"><strong>PDF Poster</strong></a> – Display/Embed PDF files with different styles.</p>
<p><a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc"><strong>Html5 Audio Player</strong></a> – Listen audios with awesome visuals.</p>
<p><a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc"><strong>StreamCast</strong></a> – Customizable radio player with different skins.</p>
<p><a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc"><strong>3D Viewer</strong></a> – Embed 3D models and 3D products with interaction.</p>
<p><a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc"><strong>Advanced Post Block</strong></a> – Show posts and custom posts in different layouts.</p>


Parallax Section Block – Add Parallax Scrolling Effects to Sections.

Add Parallax scrolling effects in any section of your website.

Smart Parallax vs Parallax Section Block – Add Parallax Scrolling Effects to Sections.