WordPress.org

Plugin Directory

SmartParallax – Scroll-Linked Animations & Parallax Effects

SmartParallax – Scroll-Linked Animations & Parallax Effects

Leírás

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.

Képernyőmentések

  • Scroll-linked parallax background
  • Horizontal parallax movement
  • Section and layout parallax
  • Stop-sensitive motion (-s modifier)

Telepítés

  1. Install the plugin via Plugins Add New
    or upload it to /wp-content/plugins/smart-parallax/.
  2. Activate SmartParallax.
  3. Add one of the provided CSS classes to any block or section.

That’s it.

GYIK

Will SmartParallax slow down my website?

No. SmartParallax is designed to be extremely lightweight and performance-friendly.

Do I need to write code?

No. You only add CSS classes in the editor.

Is the animation time-based?

No. All effects are scroll-linked and follow the user’s scroll position.

Does it work with page builders?

Yes. It works with Gutenberg, Elementor, Bricks, Divi, Oxygen, WPBakery and most themes.

Vélemények

2025.12.13.
This plugin is extremely easy to use and delivers smooth, GPU-optimized parallax effects without any setup. Works flawlessly with my client’s website and performs better than many premium alternatives. Highly recommended!
2025.12.08.
I’ve tested SmartParallax on a client website and the results are excellent. The plugin adds smooth parallax backgrounds and scroll effects without slowing down the page. Setup is very simple – adding the CSS classes is enough to get everything working. What I appreciate most is that the engine is lightweight and GPU-accelerated, so the scrolling stays smooth even with larger background images. It also worked well with the theme and builder used on the project. A solid plugin that does exactly what it promises.
2 (az összes) vélemény olvasása

Közreműködők és fejlesztők

“SmartParallax – Scroll-Linked Animations & Parallax Effects” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

Változási napló

1.0.7

  • Improved Safari compatibility for edge-case JavaScript parsing.

1.0.6

  • Improved readme clarity and focus on ease of use and performance.

1.0.5

  • Updated demo references and wording.

1.0.4

  • Improved script initialization.
  • Added new screenshots.

1.0.3

  • Confirmed compatibility with WordPress 6.9.

1.0.2

  • Included all unminified CSS and JS files for WordPress.org compliance.

1.0.1

  • Fixed text domain to match plugin slug.

1.0.0

  • Initial release.