Interactions & animations

Learn how motion and animations in your design can affect your site visitor’s experience, and determine how to check operating system and browser motion settings.

As a part of our series on After Effects and Lottie in Webflow, we produced a Lottie animation…

Create animations in After Effects, export them as Lottie JSON files with the bodymovin plugin, and animate them in your Webflow site.

Animate a rotational card movement based on the position of your mouse as it hovers over an element.

Add Lottie animations to your site and control their playback using interactions.

Create a sequenced animation that animates multiple elements once a page loads.

Learn how to reuse interactions.

Use a hover interaction to reveal child elements when you hover over a parent element.

Create a trigger that fades and moves elements in as your scroll down the page.

Triggers and animations are the two primary aspects of any interaction.