ReverseMouseMove — Parallax Effect

This interactive Framer component creates a layered parallax effect where elements respond dynamically to cursor movement. Each child element can be individually configured, allowing precise control over how it behaves within the interaction.

The Children setting lets you manage multiple elements inside the component, while the Positions control allows you to define the movement behavior for each one. For every child, you can customize its positional offset and choose whether it follows the same direction as the mouse or moves in the reverse direction. This flexibility makes it easy to create depth-rich, multi-directional motion effects.

The Global Intensity slider adjusts the overall strength of the movement, letting you go from subtle micro-interactions to more dramatic parallax shifts. Meanwhile, Smoothness controls how fluid and responsive the animation feels, helping you achieve either sharp, reactive motion or soft, eased transitions.

Together, these controls give you full creative freedom to design immersive, responsive visuals that enhance user engagement and add a modern, dynamic feel to your interface.