smartparallax

SmartParallax adds true scroll-linked parallax scroll effects to WordPress — built for performance, not gimmicks.
Unlike many animation plugins, SmartParallax does not run time-based animations. 
All motion is directly tied to the user’s scroll position. 
If the user doesn’t scroll, nothing moves.
This approach results in excellent performance, smooth motion and stable Core Web Vitals — even on mobile devices.
You don’t write JavaScript. 
You don’t configure timelines. 
You simply add a CSS class to a block, image or section — and the parallax scroll effect works instantly.
SmartParallax uses a small, dependency-free JavaScript engine and GPU-accelerated transforms. 
There is no jQuery, no frameworks and no heavy animation libraries involved.
The plugin works out of the box with: 
Gutenberg (Block Editor), Full Site Editing (FSE), Elementor (scroll effects & parallax), Bricks, Divi, Oxygen, WPBakery and most modern WordPress themes.
Perfect for:
<ul>
<li>Parallax scroll sections</li>
<li>Scroll animations in Elementor</li>
<li>Gutenberg scroll effects</li>
<li>Background parallax images</li>
<li>Lightweight animation on scroll</li>
</ul>
Live demo: See all free effects in action. 
<a href="https://smartparallax.com/wordpress-parallax-plugin-demo/" rel="nofollow ugc">https://smartparallax.com/wordpress-parallax-plugin-demo/</a>
<h3>Why SmartParallax</h3>
SmartParallax is built for developers and designers who want clean, scroll-driven motion without sacrificing performance or Core Web Vitals.
<ul>
<li>True scroll-linked motion (no time-based animations)</li>
<li>No JavaScript configuration required</li>
<li>Extremely lightweight (only a few KB)</li>
<li>No jQuery, no frameworks, no dependencies</li>
<li>Optimized for mobile devices</li>
<li>Designed to preserve Core Web Vitals and PageSpeed scores</li>
</ul>
<h3>Available Classes</h3>
 Class 
 Description
 <code>.parallax-image</code> 
 Moves only the background image
 <code>.parallax-container</code> 
 Moves the entire block or section
 <code>.parallax-x</code> 
 Enables horizontal movement
 <code>.parallax-01 … 10</code> 
 Controls movement strength
 <code>.parallax--01 … 10</code> 
 Inverted movement direction
 <code>.parallax-[…]-s</code> 
 Stops movement at the center of the viewport
Examples: 
* <code>.parallax-02</code> – subtle depth 
* <code>.parallax-05</code> – stronger parallax
<h3>Privacy</h3>
SmartParallax optionally sends anonymous usage data when the administrator explicitly opts in.
Data sent: 
– Plugin version 
– WordPress version 
– PHP version 
– Site locale 
– Activation / deactivation status
No personal data, IP addresses or site URLs are collected or stored.
Tracking is completely optional and can be disabled at any time in the plugin settings.
Privacy Policy: 
<a href="https://smartparallax.com/datenschutzerklaerung/" rel="nofollow ugc">https://smartparallax.com/datenschutzerklaerung/</a>
<h3>License</h3>
SmartParallax is open-source software licensed under the GPLv2 or later.

SmartParallax – Parallax Scroll Effects & Scroll Animations

Create true parallax scroll effects and smooth scroll animations in WordPress — lightweight, scroll-linked and optimized for performance.

Freemius

Abu Hayat

bPlugins

Charles Cormier

Md. Merajul Islam Sojib

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. 
You can easily create a parallax section with this plugin.
<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>
<a href="https://bblockswp.com/demo/parallax-section/" rel="nofollow ugc">Demos</a>
<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>
Enjoy!
</li>
<li>
For installation help click on Installation Tab
</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>
<a href="https://bblockswp.com" rel="nofollow ugc">B Blocks</a> – A blocks collection and page building tool for Gutenberg.
<h3>Check out our other WordPress Plugins-</h3>
<a href="https://bplugins.com/products/html5-video-player/" rel="nofollow ugc">Html5 Video Player</a> – Display videos as single and playlist in multiple skins.
<a href="https://bplugins.com/products/pdf-poster/" rel="nofollow ugc">PDF Poster</a> – Display/Embed PDF files with different styles.
<a href="https://bplugins.com/products/html5-audio-player/" rel="nofollow ugc">Html5 Audio Player</a> – Listen audios with awesome visuals.
<a href="https://bplugins.com/products/streamcast-radio-player/" rel="nofollow ugc">StreamCast</a> – Customizable radio player with different skins.
<a href="https://bplugins.com/products/3d-viewer/" rel="nofollow ugc">3D Viewer</a> – Embed 3D models and 3D products with interaction.
<a href="https://bplugins.com/products/advanced-post-block/" rel="nofollow ugc">Advanced Post Block</a> – Show posts and custom posts in different layouts.

Parallax Section Block – Add Parallax Scrolling Effects to Sections.

Add Parallax scrolling effects in any section of your website.

SmartParallax – Parallax Scroll Effects & Scroll Animations vs Parallax Section Block – Add Parallax Scrolling Effects to Sections.