Animating React Components with Framer Motion
Offered By: egghead.io
Course Description
Overview
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.
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
Related Courses
Framer Motion for React TutorialNet Ninja via YouTube Animate React Apps with Framer Motion
egghead.io Build and Deploy a Fullstack Responsive Portfolio Website - Ultimate Step by Step Tutorial 2022
JavaScript Mastery via YouTube How to Make a React Website with Page Transitions Using Framer Motion
Brian Design via YouTube Framer Motion - React Animation Library Crash Course
Laith Academy via YouTube