How Duolingo Plans to Reach 100M Users

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

egghead.io

Animating React Components with Framer Motion

via egghead.io

Go to class Write review
DataCamp Ad

AI Engineer - Learn how to integrate AI into software applications

Learn More → Boot.dev Ad

The Most Addictive Python and SQL Courses

Learn More →

Overview

Google, IBM & Meta Certificates — All 10,000+ Courses at 40% Off
One annual plan covers every course and certificate on Coursera. 40% off for a limited time.
Get Full Access
Framer Motion is a production-ready animation and gesture library. With it you can create beautifully smooth animations with minimal effort, or compose together elaborate sequences of animations with low level APIs.
These videos showcase some of Framer Motion's key features and how to get started implementing them.

Syllabus

  • Animate a React component's position with the animate prop from Framer Motion
  • Animate a React component using an array of keyframes from Framer Motion
  • Animate buttons using gesture controls like whileTap and onDrag from Framer Motion
  • Create loading animations with Framer Motion's transition prop
  • Trigger state-based React animations using Framer Motion
  • Link complex animations together with variants from Framer Motion

Taught by

Kyle Gill

Reviews

Start your review of Animating React Components with Framer Motion

Go to class

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.