Intro to Interactions

 

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.