SmartParallax – Parallax Scroll Effects & Scroll Animations

SmartParallax – Parallax Scroll Effects & Scroll Animations

توسط

SmartParallax 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.

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

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.

  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.

سوالات متداول

Will SmartParallax slow down my website?

No. SmartParallax is built for performance and only reacts to user scroll input.

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 the WordPress Site Editor (FSE)?

Yes. SmartParallax works with the Block Editor, Full Site Editing themes and all major page builders including Elementor.

×
نظری برای این آیتم موجود نیست.
0 0 رای ها
امتیازدهی
اشتراک در
اطلاع از
0 نظرات
قدیمی‌ترین
تازه‌ترین بیشترین رأی
نسخه حجم فایل SHA256 تغییرات دانلود
1.0.9 217 کیلوبایت -
دانلود
×
★★★★★
★★★★★
5.0 /5 (3 نظر)

قیمت:

رایگان

نگارش

1.0.9

آخرین انتشار

19 اردیبهشت 1405

آخرین بروزرسانی

3 ماه پیش

نصب های فعال

80+

نگارش وردپرس

وردپرس 6.0+

تست شده از نسخه

وردپرس 6.9.4

نگارش PHP

-

نسخه ها

1 نسخه