Intro to Interactions

In this brief introduction to the topic of interactions, we'll cover the basics—including an overview of triggers and animations.

The UI in this lesson may seem different if you've enables the Style Panel Beta! This content will be updated soon!
This video features an old UI. Updated version coming soon!
This video features an old UI. Updated version coming soon!

Over the years, the web—and the devices browsing it—has become responsive and powerful. As designers and developers today, we have access to tools that let us build complex interactions and mind-blowing animations.


Traditionally, these tools are often rooted in highly-specific JavaScript libraries, requiring any number of tools and plugins complete with conflicts, quirks, and obscene code-based learning curves.

In the Webflow Designer, we have access to all the tools we need to manipulate this content with insanely granular control—by building interactions visually.


Check out some cool examples.

What constitutes an interaction?

Interactions let us design around two, powerful things: triggers and animations. (If this happens, then this happens.) A trigger—whether it's clicking, scrolling, hovering, moving the mouse, loading the page—executes an animation (what happens on that trigger).


And with this precise control, we can apply timed animations, scroll animations, and position-based mouse animations however we want to give us the power to build anything we want.

Get started by learning everything you need to know about triggers and animations.

Browser support

Can I Use ? Data on support for the feature across the major browsers from