Framer Motion for React Tutorial

Framer Motion for React Tutorial

The Net Ninja via YouTube Direct link

Framer Motion (for React) #1 - Introduction

1 of 18

1 of 18

Framer Motion (for React) #1 - Introduction

Class Central Classrooms beta

YouTube playlists curated by Class Central.

Classroom Contents

Framer Motion for React Tutorial

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Framer Motion (for React) #1 - Introduction
  2. 2 Framer Motion (for React) #2 - Project Setup
  3. 3 Framer Motion (for React) #3 - Animating Elements
  4. 4 Framer Motion (for React) #4 - Initial Animation State
  5. 5 Framer Motion (for React) #5 - Transition Options
  6. 6 Framer Motion (for React) #6 - Hover Animations
  7. 7 Framer Motion (for React) #7 - Variants (part 1)
  8. 8 Framer Motion (for React) #8 - Variants (part 2)
  9. 9 Framer Motion (for React) #9 - Keyframes
  10. 10 Framer Motion (for React) #10 - Repeating Animations
  11. 11 Framer Motion (for React) #11 - Animate Presence
  12. 12 Framer Motion (for React) #12 - Animating Routes
  13. 13 Framer Motion (for React) #13 - Modal Animation (part 1)
  14. 14 Framer Motion (for React) #14 - Modal Animation (part 2)
  15. 15 Framer Motion (for React) #15 - Animating SVG's
  16. 16 Framer Motion (for React) #16 - Creating a Loader
  17. 17 Framer Motion (for React) #17 - UseCycle Hook
  18. 18 Framer Motion (for React) #18 - Dragging Items & Wrap Up

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.