Cursor follow interactions with velocity – Webflow tutorial

Create playful, cursor-following animations in Webflow using interactions powered by GSAP.

In this lesson, you’ll build two mouse move effects: a classic staggered cursor trail and an interval-based animation where images pop in, react to cursor velocity, and fall off the screen. You’ll learn how Mouse X and Y actions, follow mouse settings, stagger timing, interval actions, animation sequences, and velocity can work together to create responsive, interactive effects.

You’ll also see how to fine-tune offsets, easing, timelines, and cursor speed so your animations feel natural and react dynamically to user input.

00:00 — Introduction
00:31 — Staggered cursor trail interaction
04:55 — Interval-based interaction
08:26 — Adding velocity
09:55 — Recap

----------
Get started with Webflow: https://wfl.io/2r7cVUW
Join the Webflow Community: https://webflow.com/community

https://webflow.com
https://university.webflow.com/
https://x.com/webflow
https://www.instagram.com/webflow
https://www.tiktok.com/@webflow
https://facebook.com/webflow