YoVDO

Animating React Components with Framer Motion

Offered By: egghead.io

Tags

Mobile Development Courses React Courses Animation Courses Keyframes Courses Framer Motion Courses

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.

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

Creative, Serious and Playful Science of Android Apps
University of Illinois at Urbana-Champaign via Coursera
Creative Programming for Digital Media & Mobile Apps
University of London International Programmes via Coursera
Pattern-Oriented Software Architectures: Programming Mobile Services for Android Handheld Systems
Vanderbilt University via Coursera
Introduction aux réseaux cellulaires
Institut Mines-Télécom via Independent
Mobile Web Development
Google via Udacity