EASIER Sequence Animations with Framer Motion
Animated UI components for React, Tailwind CSS, Framer Motion & More ✨ https://www.hover.dev
While Framer Motion DOES have sequencing capabilities similar to GSAP, they don't fit the way that I personally tend to like to work animation sequences.
Because of this, I tend to work with sequences via my own custom React hooks built on top of the Framer Motion useAnimate hook.
Today we'll look at how you can do the same and build beautiful, complex sequences of animations without the normal stress.
📚 Project Links
Code: https://gist.github.com/TomIsLoading/...
useAnimate: https://www.framer.com/motion/use-ani...
GSAP Timeline: https://gsap.com/docs/v3/GSAP/Timeline/
🔗 My Links
TikTok: / tomisloading
Instagram: / tomisloading
GitHub: https://github.com/TomIsLoading
Twitter: / tomisloading
Discord & more: https://linktr.ee/tomisloading
Portfolio templates: https://tomisloading.gumroad.com/
Website: https://www.hover.dev
Timeline:
0:00 - Introduction
0:17 - The normal way (and my problems with it)
5:10 - How it's going to work
6:38 - Building a solution
17:34 - A realistic example