Interactions

Build website animations and interactions visually.

Webflow's interactions and animations tools bring all the power of CSS and JavaScript into a completely visual tool, empowering designers to build complex, rich animations without even thinking about code.

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.

Create rich, multi-step animations

Creating rich, timeline based animations is as easy as setting up PowerPoint or Keynote animations — but the result is clean, working code.

Reveal content on click

Show modals, panels, and other hidden elements on click to give sites a new level of interactivity.

Create rich hover animations

Transform elements, update styles, and reveal new content on hover.

view more

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.
Entrance Effects
Grow
Slide
Fade
Spin
Emphasis Effects
Jello
Bounce
Rubber
Jiggle

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.
Elevate your site with the power of AI

Build

Design

Build high-performing sites

Discover feature

Edit mode

Empower your content team

Discover feature

Interactions

Craft immersive experiences

Discover feature

Page building

new

Launch simple landing pages quickly

Discover feature

Manage

CMS

Manage content at scale

Discover feature

Hosting

Host and scale your site without the hassle

Discover feature

Security

Ensure your site stays safe

Discover feature

Localization

Customize your site for a worldwide audience

Discover feature

Optimize

Analyze

new

Understand how your site performs

Discover feature

Optimize

new

Maximize conversions with testing and personalization

Discover feature

SEO

Grow your reach with fine-tuned controls

Discover feature

Extend

Apps

Connect your site to apps like HubSpot, Adobe Express, and more

Discover feature

Figma to Webflow

Turn static designs into clean, production-ready code

Discover feature

DevLink

Create production-ready React components

Discover feature

Ecommerce

Design your store visually

Discover feature