Easily create scroll-based parallax animations
Link your animations and motion to scroll progress to achieve effects like parallax, precise reveal animations, progress bars, or whatever else you can dream up.
Tie motion to scroll progress
Transform element sizes, styling, and position based on scroll progress over a specific element or the entire page.
Craft animations that build as you scroll
Bring expressive animations to your sites that build as users move down the page.
Build microinteractions around mouse movement
Link animations and movement to your cursor position to catch visitor’s attention and craft precise microinteractions.
Quickly add preset interactions
Need to add something simple? Choose from more than 20 prebuilt interactions and animations and add them to your site with a just a few clicks.
Integrate After Effects and Lottie animations
Control the playback of After Effects and Lottie animations with Webflow’s interactions triggers — no need to write line after line of complex javascript.
Learn more on Lottie course
Master Webflow Interactions
Head to Webflow University and get up to speed with the Interactions and Animations Course.
Go to class
Learn interactions from this page
All features
Discover everything you can do with Webflow.