Learn Framer Motion: Build a complex staggered and on scroll animation UI
In this video you will learn some of the main building blocks of Framer motion like basic animation properties, variants, and gestures like whileOnHover. You will build a complex staggered animation that will be activated on scroll.
code : https://github.com/ui-code-tv/framer-...
Intro (00:0:00)
What you will learn (00:6:32)
Project setup and code walkthrough (00:7:48)
Add basic animation properties including keyframes (00:12:14)
Set up variants to abstract out complex settings/properties (00:20:30)
Staggered animation (use staggerChildren) (00:29:45)
On scroll animation (whileInView) (00:33:48)