Frontend.fyi – Animating the web with Framer Motion 2024-10

Animating the web with Framer Motion, The right animations breathe life into web pages, while over-the-top ones can be a distraction. In this course, I will teach you the perfect balance, diving deep into the world of meaningful animations. You’ll learn not just to animate, but to enhance user experience gracefully. Your skills will not only slide to the next level – they’ll animate there, bringing a touch of elegance and functionality to every project! A short intro to the course, what to expect from it, what skills are needed before starting this course, and why would you even bother learning Framer Motion? Assuming you have zero knowledge of Framer Motion, I take you by the hand creating your first animation. Together we explore all basic APIs of Framer Motion. Concepts that might sound boring at first, but are an essential foundation towards building more complex animations.
All APIs we discussed before are powered by motion values. You can however also use them directly, getting even more control over your animations.

What you’ll learn

• Comparing Framer Motion With CSS Animations
• Framer Motion’s core principles
• Adding a from state to the animation
• Make the animation loop with keyframes
• Animating CSS variables (custom properties)

Specificatoin of Animating the web with Framer Motion

• Publisher: Frontend.fyi
• Teacher: Jeroen Reumkens
• Language: English
• Level: All Levels
• Number of Course: 78
• Duration: 6 hours and 4 minutes

Content of Animating the web with Framer Motion

Pictures

Sample Clip

Installation Guide

Extract the files and watch with your favorite player

Subtitle: Not Available

Quality: 2160p

Changes:

Version 2024/9 compared to 2024/2 has increased the number of 37 lessons and the duration of 3 hours.

Version 2024/10 compared to 2024/9 has increased the number of 20 lessons and the duration of 1 hours and 27 minutes.

Download Links

Download Part 1 – 2 GB

Download Part 2 – 2 GB

Download Part 3 – 2 GB

Download Part 4 – 1.55 GB

File size

7.55 GB