SmartParallax – Scroll-Linked Animations & Parallax Effects
SmartParallax lets you add modern scroll-linked parallax effects to your website in seconds. No coding, no setup, no heavy libraries.
You simply add a CSS class to a block, image or section — and the effect is visible immediately.
All movements are directly linked to the user’s scroll position. Nothing runs automatically. Nothing loops. The page only moves when the user scrolls.
SmartParallax is built with performance in mind. It uses a small, dependency-free JavaScript engine and GPU-accelerated transforms, keeping your site fast and responsive — even on mobile devices.
The plugin works out of the box with Gutenberg, Elementor, Bricks, Divi, Oxygen, WPBakery and most modern WordPress themes.
Live demo: See all free effects in action and apply your first parallax effect in seconds. https://smartparallax.com/wordpress-parallax-plugin-demo/
Why SmartParallax
- Scroll-linked motion that feels natural
- No code required — just add a CSS class
- Extremely lightweight (only a few KB)
- No jQuery, no frameworks, no dependencies
- Optimized for mobile devices
- Designed to preserve Core Web Vitals
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.