SmartParallax – Parallax Scroll Effects & Scroll Animations
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: Parallax scroll sections Scroll animations in Elementor Gutenberg scroll effects Background parallax images Lightweight animation on scroll Scroll-linked image animations Motion effects on any block or section Scroll effects in Oxygen Editor Scroll effects in Bricks Page animations without writing any code Website animations tied to scroll position CSS effects applied with a single class name Live demo: See all free effects in action. https://smartparallax.com/wordpress-parallax-plugin-demo/ Why SmartParallax SmartParallax is built for developers and designers who want clean, scroll-driven motion without sacrificing performance or Core Web Vitals. 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 Privacy 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: https://smartparallax.com/datenschutzerklaerung/ License SmartParallax is open-source software licensed under the GPLv2 or later.
Top keywords
- scroll12×2.92%
- effects9×2.19%
- smartparallax9×2.19%
- parallax8×1.95%
- animations6×1.46%
- motion5×1.22%
- scroll effects5×1.22%
- block4×0.97%
- class4×0.97%
- movement4×0.97%
- wordpress4×0.97%
- animation3×0.73%
TZM Section Block
TZM Section Block brings powerful enhancements to the Gutenberg editor, allowing you to create visually appealing sections for your website with ease. This block is based on the official “Cover block” but offers advanced features for greater flexibility and design options. Enhanced Parallax Background: Choose from “slow,” “medium,” and “fast” parallax speeds for a dynamic visual effect beyond the traditional “fixed” option. Customizable Divider Shapes: Add top and bottom divider shapes to your sections. Choose from various shapes and customize their color, height, and more. Responsive Full-Height Sections: Adjust full-height sections (100vh) to fit perfectly on screens by subtracting the height of a CSS selector element, such as a fixed header. Overflow Content Control: Easily hide or display overflowing content within a section. With these advanced options, TZM Section Block empowers designers and developers to craft sections that stand out while providing intuitive controls for seamless customization. Source Code The source code for TZM Section Block is now available on GitHub! Follow the development, report issues, and get involved in improving the plugin. We welcome contributions, feedback, and feature requests from the community. View on GitHub
Top keywords
- block5×2.69%
- sections5×2.69%
- section4×2.15%
- section block3×1.61%
- shapes3×1.61%
- tzm3×1.61%
- tzm section3×1.61%
- tzm section block3×1.61%
