Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsi...
Scroll-linked parallax & scroll animation effects for WordPress — no code, no JavaScript. Just add a CSS class. Works with Gutenberg and Elementor.
SmartParallax is a WordPress plugin that adds scroll-linked parallax effects to your site. It operates by tying motion directly to the user's scroll position, ensuring that if there is no scrolling, there is no movement. This design prioritises performance and aims to maintain stable Core Web Vitals, even on mobile devices.
The plugin requires no JavaScript coding or complex configuration. You simply apply a CSS class to elements like blocks or images to enable the parallax effect. It is compatible with various page builders and modern WordPress themes, making it suitable for developers and designers looking for lightweight animation solutions.
Best for: Developers and designers seeking to implement lightweight scroll-driven animations on their WordPress sites.
What it does well
Where it falls short
SmartParallax offers a straightforward solution for adding parallax effects without compromising performance. It is a useful tool for those looking to enhance their site's visual appeal with minimal effort.
smartparallax's own description of SmartParallax, lightly tidied.
SmartParallax is a wordpress parallax plugin that 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.
Apply parallax scrolling to individual images, entire blocks, or full-width sections — including parallax-section-backgrounds and background effects — all with a single CSS class.
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:
Live demo: See all free effects in action.
https://smartparallax.com/wordpress-parallax-plugin-demo/
SmartParallax is built for developers and designers who want clean, scroll-driven motion without sacrificing performance or Core Web Vitals.
Class
Description
.parallax-image
Moves only the background image
Other plugins for animations.
Create advanced Elementor sticky headers with scroll effects: blur, shrink, hide on scroll, plus full responsi...
Add CSS animations and scroll effects to any Gutenberg block. Choose from fade, slide, zoom & more, with d...
Create WordPress websites with free forms, Gutenberg blocks, popups, sliders, countdowns, animations, pre-buil...
Add creative image hover effects to Elementor page builder. Easily customize title and content and effects wit...
Easy to use advanced Parallax, Image and Video backgrounds block plugin with parallax and video support.
Elevate your website game with the Bricksable collection of premium elements for Bricks Builder. Designed to s...