Introducing Webflow Interactions

Create website interactions visually.

We’re proud to announce the launch of Webflow Interactions - a visual way for designers to create compelling interactive effects without having to write a single line of code.

Yesterday, web designers had to roll up their sleeves and learn how to code in order to create effects and animations on their web designs. Creative people were required to understand really technical concepts like jQuery event handlers, cross-browser CSS transforms, and JavaScript-triggered animations. It’s a bit reminiscent of the 80s, when designers had to learn how to write PostScript code just to get some text to rotate.

Today, with the launch of Webflow Interactions, designers can now create compelling interactive effects without having to write having to hand-write code. Webflow’s visual interaction editor puts designers in the drivers seat, and removes the requirement of having to learn to code (or even copy-paste code snippets from the web) in order to create website interactions.

Webflow Interactions (codenamed “Webflow IX”) put a lot of possibilities in the hands of designers and entrepreneurs. Here’s a small list of applications that are now possible without having to write any code:

Fade in a navigation bar once users scroll past a section (used on this blog post)

Highlight new elements on scroll to draw attention

Click on a button to show/hide another element

Animate elements as the mouse hovers over them

At Webflow, we believe that technical details shouldn’t get in the way of your creativity, and we’re working on creating a better web design tool that empowers you to create anything you can imagine and make it available to the world. Interactions are another step in that direction, and we can’t wait to see what you’re able to build with this new feature.

To learn more about Webflow IX, head over to our live demos or interactions help center.

Design interactions and animations without code

Build complex interactions and animations without even looking at code.

Subscribe to be a Webflow Insider
Thank you! You are now subscribed!
Oops! Something went wrong while subscribing.
Start animating

Join the conversation

What's Webflow?

Try it for free
More about the Designer


The power of CSS, HTML, and JavaScript in a visual canvas.


Build website interactions and animations visually.

More about Interactions


Define your own content structure, and design with real data.

More about the CMS


Goodbye templates and code — design your store visually.

More about Ecommerce


Edit and update site content right on the page.

More about the Editor


Set up lightning-fast managed hosting in just a few clicks.

More about Hosting