Animate React with Framer Motion
Framer Motions is a great animation library created for React web applications. In this Framer Motion tutorial series you'll learn how to add animations & transitions to your React components (including route transitions).
Example Curriculum
Adding Animations To React
Available in
days
days
after you enroll
- 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)
Course Preview
Sign up for Net Ninja Pro
Most popular
Monthly Membership
$9/mo
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Cancel at any time
Yearly Membership
$79/yr
- Instant access to all courses
- Early access to new courses
- Access to premium & Udemy courses
- Save over 25%!
Get your first month half price when you use the code NINJAFLEDGLING. (monthly plan only).