Move with the Cursor. Wow with the Design. Make Interaction Memorable. Turn every scroll into a visual experience.

Cursor

Move Effect

Add clean, interactive popups anywhere on your site using the Advanced Tooltip Extension. Show hidden content on hover or click—ideal for buttons, product

Vector
Floating image shape
Edit image widget

Key Features And Benefits

Cursor-Based Animation

Elements respond to your mouse movement in real time.

Mouse move mouse image

X & Y Axis Control

Move elements horizontally, vertically, or both with full precision.

Cursor mover effect game control

Custom Movement Wrappers

Apply effects to an entire section or just selected elements.

Cursor move effect image

Flexible Duration Settings

Adjust how fast or slow the motion reacts to cursor movement.

Colander

Live Editor Preview

Enable or disable effects in the Elementor editor without leaving the page.

Cursor image hero

Cursor Move Effect - Demo 01

Glass 3d Colors Dimension
Crystal

Have an Idea?

Frosted glass material
Webflow Logo
Cube Glass

Cursor Move Effect - Demo 02

Men women marriage

Photography

Make a sense of photography

Make a Sense of Photography captures emotion, purpose, and perspective while turning each image into a story that resonates with viewers.

Men
Women

Cursor Move Effect - Demo 03

Mug
Bill board
Curtain
Le blimk
Table image
Men going up on stair in a can

Cursor Move Effect - Demo 04

Animate People Image
Floating Rectangle
Men floating
Box transparent image
Box transparent image
Message image

Relative positioning with
containers

Have question? we’re here to help

Documentation & Inspiration
Become a part of our community
Didn’t find Your Answer?
What does the Mouse Move Effect extension do?

 It lets elements move in response to the user’s mouse movement—either side-to-side (X), up-and-down (Y), or both. This creates dynamic, cursor-based animations using GSAP.

Yes! You can apply the effect to the entire section or wrap just a specific widget or group using a custom movement wrapper.

No. The effect is powered by GSAP and optimized for performance. You can also control the motion speed (duration) to balance smoothness and responsiveness.

Yes, there’s a toggle to enable or disable the effect directly in the Elementor editor, so you can see how it looks before going live.

The default wrapper applies movement to the entire section or container. With the custom wrapper, you can target specific elements by adding a CSS class. This gives you more control over detailed designs.

to Transform

Your site with

Animation?

Ready to take your designs further? Animation Addons gives you everything you need to design websites that stand out with clean, professional animations.

We partner with investment leaders, providing brand and product-building services to strengthen their portfolio.

Gsap wordpress plugin