project setup | Net Ninja

Net Ninja Pro
All Courses
Community
YouTube Channel
Login
Sign Up

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Animate React with Framer Motion

Adding Animations To React

introduction (4:39)
project setup (11:13)
animating elements (7:07)
initial animation state (5:10)
transition options (7:30)
hover animations (5:47)
variants (8:43)
more about variants (10:13)
keyframes (4:16)
repeating animations (4:24)
animate presence (6:14)
animating routes (10:24)
modal animation (part 1) (11:49)
modal animation (part 2) (9:04)
animating svgs (6:09)
loaders (6:55)
useCycle hook (5:33)
dragging items & wrap-up (5:56)

project setup

Lesson content locked

If you're already enrolled, you'll need to login.

Enroll in Course to Unlock