Better in English?
Better in English? Switch the website language for a better experience.
On July 20, 2026, Webflow slipped a discreet but highly anticipated feature into its Interactions module: continuous cursor tracking. In practical terms, IX3 now has a trigger fired by mouse movement, capable of driving an animation in real time, not just on hover or click.
Until now, getting a magnetic button, a mouse-move parallax effect, or a glow that follows the cursor meant reaching for custom GSAP code. Webflow closes that gap by building GSAP's Observer and quickSetter mechanisms directly into its visual interface. Three new building blocks come with this update.
This trigger tracks the pointer's position, either relative to the trigger element or across the entire viewport, whichever you prefer. It converts that position into an X and Y progress value between 0 and 1, which then continuously feeds your interaction timeline. A 50ms smoothing is applied by default, and a resting position (centered, 50/50) takes over once the cursor leaves the zone.
This action lets elements other than the trigger itself follow the mouse's movement. It handles per-element stagger and chained smoothing in a set order, opening the door to parallax or magnetic-attraction effects across several elements at once.
The last building block: groups of actions that fire based on the distance the cursor has traveled or its speed of movement. An interaction can therefore react not just to where the cursor is, but also to how it got there.
| Before this update | With the new IX3 actions |
|---|---|
| Cursor-tracking effects coded in custom GSAP | Configurable visually in Interactions |
| A developer needed for every variant | Designer autonomy for most cases |
| Magnetic effects limited or approximated | Native tracking, smoothing and ordering handled natively |
| Reaction based on position only | Reaction now possible to speed and distance too |
Let us be direct: this is excellent news, and not just for the gimmick factor. These cursor-tracking micro-interactions, when dosed well, are often what separates a "decent" site from one that genuinely makes people want to stick around. A button that subtly reacts as the cursor approaches, an image that shifts with a subtle parallax, it creates an immediate, almost instinctive sense of quality for the user.
What we particularly like is that Webflow is democratizing a skill set that was previously reserved for teams capable of hand-writing GSAP. On the agency side, that means fewer back-and-forths between design and development, and faster iteration on those details that make all the difference in user experience.
One caveat though, and an important one: how easy these effects are to access can quickly become a trap. A site where everything moves at the slightest flick of the mouse becomes tiring, and can even hurt accessibility. At Mazette.co, we believe these animations should always serve a clear purpose: guiding attention, reinforcing visual hierarchy, or simply adding a touch of delight without ever distracting from the main action. It is a powerful tool, one to be handled with the same discipline a good typographer applies to white space.
Our recommendation: test these new actions on strategic elements, like a main CTA or a hero image, rather than sprinkling the effect everywhere. Restraint remains premium design's best friend.
To dig deeper into animations and how to dose them right, our article on the subtle art of bringing interfaces to life pairs well with this update. And if you want to see how we build these kinds of details into real projects, head over to our webdesign page.
Code
Over 120 companies have already stepped out of the shadows with us.
With Webflow's new IX3 actions, you simply pair a Mouse Move trigger with a Mouse Follow action on the button in question. The cursor's movement directly drives the element's position, with adjustable smoothing, no custom GSAP required.
Not necessarily anymore. This update natively integrates GSAP's Observer and quickSetter mechanisms into the Interactions interface. Code remains useful for very specific edge cases, but most mouse-tracking effects are now achievable without a developer.
The Mouse Move trigger captures the cursor position and converts it into a progress value between 0 and 1 to drive a timeline. The Mouse Follow action lets one or several other elements follow that cursor, with independent offset and smoothing, enabling parallax or magnetic effects across multiple elements at once.
