Hi there,
Currently I'm playing around with framer-motion and GSAP. I really love GSAP, however, framer-motion has some need tricks like spring animations, page transitions and works just so well with react. So in a perfect world I would be able to combine the power of both to control great spring animations with GSAPs powerful timeline and morphing capabilities.
But, in order to do so I would need to tell framer motion when to start an animation. Easy - just using framer-motions start() function within GSAPs onStart() callback. However, the issue is, that GSAP calls an animation 'complete' way before it's really done. Which makes total sense as GSAP is not controlling the animation but messes up the timeline. Therefore my question is - can I call an animation 'complete' on my own? As framer has the option to call a function onEnd().
Thanks in advance! Here's a little codesandbox outlining the overall idea... https://codesandbox.io/s/suspicious-swanson-54075?file=/src/App.js