PedroTech

Check Out Sevalla Today: https://sevalla.com/?utm_source=pedrotech&utm_medium=Referral&utm_campaign=youtube

Learn everything you need to know about animations in React by using one of the most popular animation library: Motion (AKA Framer Motion).

Want to Learn React? 🦋
Check out my Course: https://www.webdevultra.com/react

📖 Video Resources:
Code Repo: https://www.webdevultra.com/video-info/9-fO_2xTpgY

💻 Check out my Blog: https://www.webdevultra.com/articles
🐤 Follow me on Twitter: (https://twitter.com/pedrotech_)
📸 Follow me on Instagram: (https://www.instagram.com/pedro.fmachado_/)
🧳 Follow me on Linkedin: (https://www.linkedin.com/company/pedrotech)

📋 Business Email: pedro@pedrotech.co

Timestamps:
00:00:00 | Intro
00:02:00 | Project Setup
00:05:42 | Motion Basics: Motion components
00:09:32 | Position & Movement
00:15:52 | Interactive Buttons
00:24:21 | Variants & Staggered Animations
00:35:21 | Drag & Drop
00:40:42 | AnimatePresence
00:46:40 | Layout Animations
00:50:05 | Infinite & Repeating Animations
00:53:23 | Page Transition Animations with React Router
01:02:57 | Outro

React Animation Course - Learn React Animation using Motion

Get Full Course Access

Highly Recommended Courses

Explore top skills

In-demand Careers

Popular Topics

Creative Skills

Business Skills

Choose your learning path