Framer Motion Courses and Certifications

Net Ninja

Framer Motion for React Tutorial

Learn to animate elements, create loaders, and animate routes with Framer Motion for React in a 2-3 hour tutorial by Net Ninja.

• YouTube
• 2 hours 30 minutes
• On-Demand
• Free Online Course

Animate React Apps with Framer Motion

76 ratings at egghead.io

IntroAnimations do more than just look good. They can draw the user's attention to important information or let them know they can interact with certain elements.You can use them to smooth transitions and bring your applications to life. It makes you sta…

• egghead.io
• 33 minutes
• On-Demand
• Free Online Course

Animating React Components with Framer Motion

41 ratings at egghead.io

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 Mo…

• egghead.io
• 8 minutes
• On-Demand
• Paid Course

Laith Academy

Framer Motion - React Animation Library Crash Course

Master React animation with Framer Motion in a 1-2 hour crash course by Laith Academy. Learn setup, props, transitions, events, drag, variants, keyframes, and useAnimate Hook.

• YouTube
• 1 hour 13 minutes
• On-Demand
• Free Online Course

Brian Design

How to Make a React Website with Page Transitions Using Framer Motion

Learn to build a simple React website with page transitions using Framer Motion in less than an hour with Brian Design. Master react hooks, styled components, and animations.

• YouTube
• 41 minutes
• On-Demand
• Free Online Course

JavaScript Mastery

Build and Deploy a Fullstack Responsive Portfolio Website - Ultimate Step by Step Tutorial 2022

Learn to build a responsive portfolio website with JavaScript Mastery. Master ReactJS best practices, SCSS, animations, and Sanity.io for dynamic content management in a 4-5 hour program.

• YouTube
• 4 hours 23 minutes
• On-Demand
• Free Online Course

JavaScript Mastery

Build and Deploy an AI-Powered 3D Website Using React - 2023 Three JS Course Tutorial for Beginners

Learn to build a 3D product website using ThreeJS and React, with AI integration. Offered by JavaScript Mastery, this tutorial covers 3D graphics, animations, and site performance.

• YouTube
• 2 hours 20 minutes
• On-Demand
• Free Online Course

Wrong Akram

How to Code Dribbble Inspired Micro Interactions Using Framer Motion - Tutorial

Learn to code Dribbble-inspired micro interactions using Framer Motion in less than an hour with Wrong Akram, a front-end developer and UI designer.

• YouTube
• 33 minutes
• On-Demand
• Free Online Course

Wrong Akram

How to Code Page Transitions With Next.js Using Framer Motion - Tutorial

Learn to code page transitions with Next.js using Framer Motion in less than an hour with Wrong Akram's tutorial.

• YouTube
• 28 minutes
• On-Demand
• Free Online Course

Wrong Akram

Smooth Loading Transitions with Framer Motion - AnimateSharedLayout

Learn to create smooth loading transitions using Framer Motion in less than an hour with Wrong Akram. Master the basics, loader animations, and banner animations.

• YouTube
• 21 minutes
• On-Demand
• Free Online Course

Wrong Akram

Page Transitions with React Router and Framer Motion

Learn to create engaging page transitions using Framer Motion and React Router with Wrong Akram. This less than 1-hour material is perfect for front-end developers and UI designers.

• YouTube
• 52 minutes
• On-Demand
• Free Online Course

JSWORLD Conference

React Animation Made Easy

Learn to animate React apps effortlessly with Framer Motion in less than an hour, offered by JSWORLD Conference. No animation expertise required.

• YouTube
• 18 minutes
• On-Demand
• Conference Talk

JavaScript Mastery

Build and Deploy 4 Modern React Apps and Get Hired as a Web Developer

Learn to build 4 advanced AI apps with 3D elements using React, and land a job as a Web Developer with JavaScript Mastery's 9-hour program.

• YouTube
• 9 hours 26 minutes
• On-Demand
• Free Online Course

Lama Dev

Animated Portfolio Website with React and Framer Motion - React Project for Beginners

Learn to build an animated portfolio website using React & Framer Motion with Lama Dev. This beginner-friendly tutorial covers parallax animations, responsive design, and deployment.

• YouTube
• 2 hours 44 minutes
• On-Demand
• Free Online Course