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
Watch video EASIER Sequence Animations with Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Tom Is Loading 29 July 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 5,795 once and liked it 260 people.