SmartParallax – Scroll-Linked Animations & Parallax Effects
SmartParallax adds true scroll-linked parallax effects to WordPress — designed 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 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, Bricks, Divi, Oxygen, WPBakery and most modern WordPress themes.
Live demo: See all free effects in action. https://smartparallax.com/wordpress-parallax-plugin-demo/
Why SmartParallax
- True scroll-linked motion (no time-based animations)
- No JavaScript configuration required
- Extremely lightweight (only a few KB)
- No jQuery, no frameworks, no dependencies
- Optimized for mobile devices
- Designed to preserve Core Web Vitals and PageSpeed scores
Available Classes
Class Description
.parallax-image
Moves only the background image
.parallax-container
Moves the entire block or section
.parallax-x
Enables horizontal movement
.parallax-01 … 10
Controls movement strength
.parallax--01 … 10
Inverted movement direction
.parallax-[…]-s
Stops movement at the center of the viewport
Examples:
* .parallax-02 – subtle depth
* .parallax-05 – stronger parallax
License
SmartParallax is open-source software licensed under the GPLv2 or later.