Animating the web with Framer Motion
1h 38m 16s
English
Paid
February 21, 2024
Making smooth, performant and beautiful animations is hard. Framer Motion helps you overcome a lot of these struggles. In this course, I'll guide you through everything of Framer Motion has to offer. Together, we take a look at all of Framer's API's, and craft impressive real-world projects.
Watch Online Animating the web with Framer Motion
Join premium to watch
Go to premium
| # | Title | Duration |
|---|---|---|
| 1 | 001 - Introduction to the course | 02:17 |
| 2 | 002 - About the platform | 04:20 |
| 3 | 003 - Framer vs Framer Motion | 01:31 |
| 4 | 004 - Comparing Framer Motion With CSS Animation | 04:48 |
| 5 | 005 - Framer Motion's core principles | 01:32 |
| 6 | 006 - Installing Framer Motion | 03:27 |
| 7 | 007 - The Motion Component | 04:11 |
| 8 | 008 - Creating your first animation | 03:45 |
| 9 | 009 - Adding a from state to the animation | 06:00 |
| 10 | 010 - Changing the default transition | 09:36 |
| 11 | 011 - Make the animation loop with keyframes | 08:04 |
| 12 | 012 - Adding interactivity_ Hover, focus and tap | 05:17 |
| 13 | 013 - Build a responsive multi-step animation | 03:15 |
| 14 | 014 - Build a responsive multi-step animation | 10:23 |
| 15 | 015 - Motion values, the core of Framer Motion | 08:27 |
| 16 | 016 - Make it bounce_ useSpring | 03:31 |
| 17 | 017 - Transforming motion values with useTransform | 04:14 |
| 18 | 018 - Making elements draggable & practice with useTransform | 03:07 |
| 19 | 019 - Making elements draggable & practice with useTransform | 01:32 |
| 20 | 020 - Making elements draggable & practice with useTransform | 05:07 |
| 21 | 021 - Animating CSS variables (custom properties) | 03:52 |
Similar courses to Animating the web with Framer Motion
![Testing Fundamentals [EpicWeb]](https://cdn.courseflix.net/courses/200x112/testing-fundamentals-epicweb.webp)
Testing Fundamentals [EpicWeb]
Duration 5 hours 16 minutes 16 seconds
Course
HTMX - The Practical Guide
Duration 4 hours 5 minutes
Course
Software Essentialist
Duration 34 hours 6 minutes 47 seconds
Course
Epic Web. Ship Modern Full-Stack Web Applications
Duration 39 hours 2 minutes 51 seconds
Course
Animations on the web
Duration 26 minutes 36 seconds
Course