Webflow Interactions
Bad news: Webflow Interactions don't play nice with Barba. There's no reliable way to reset IX2 or IX3. In this lesson we'll explain why, and what to do instead. If Webflow makes this possible in the future, we'll update this lesson immediately.
Lesson notes
The problem
Webflow Interactions (IX2 and IX3) initialize once on page load. When Barba swaps in new content, those interactions don't re-run. There's no public API to reset or reinitialize them, and hacking around it leads to unpredictable behavior.
The solution
Build your animations with CSS and JavaScript. Use GSAP for anything that needs to animate during or after a page transition.
A tip for Webflow users
You can still use the Webflow GSAP visual timeline editor to ideate your animations. Build it visually, get the timing and easing right, see how it feels. Then, when you're happy with it, recreate the animation step by step as a coded GSAP timeline. Best of both worlds.
Will this change?
We don't know. If Webflow adds a way to reinitialize interactions, we'll update this lesson. For now, code is the way.