Animation isn’t just about making things move — it’s bringing things to life with meaning. In this course, we’ll explore how to use motion and interaction to guide attention, create smoother experiences, and add personality to your designs. Whether it’s a subtle hover effect or a fully choreographed transition, you’ll learn how to bring your site to life with intention and clarity using Framer.
Course Content
Bringing websites to life with animation in Framer (Animation Lesson 1)
You don't currently have access to this content
Using Hover and Press Effects in Framer (Animation Lesson 2)
You don't currently have access to this content
Mastering transitions and easing in Framer (Animation Lesson 3)
You don't currently have access to this content
Using the Loop Effect in Framer (Animation Lesson 4)
You don't currently have access to this content
Using the Drag Effect in Framer (Animation Lesson 5)
You don't currently have access to this content
Using the Appear Effect in Framer (Animation Lesson 6)
You don't currently have access to this content
Triggering animations on scroll in Framer (Animation Lesson 7)
You don't currently have access to this content
Transforming elements on scroll in Framer (Animation Lesson 8)
You don't currently have access to this content
Creating Parallax with Scroll Speed in Framer (Animation Lesson 9)
You don't currently have access to this content
Animating between variants on scroll in Framer (Animation Lesson 10)
You don't currently have access to this content
Creating Animated Component Interactions (Animation Lesson 11)
You don't currently have access to this content
Adding animated effects at the component level in Framer (Animation Lesson 12)
You don't currently have access to this content
Using Events for nested interactions in Framer (Animation Lesson 13)
You don't currently have access to this content
Animating transitions between pages in Framer (Animation Lesson 14)
You don't currently have access to this content
Creating persistent animations between pages in Framer (Animation Lesson 15)
You don't currently have access to this content
Setting Up custom cursors in Framer (Animation Lesson 16)
You don't currently have access to this content
Animating text in Framer (Animation Lesson 17)
You don't currently have access to this content
Animating vector paths in Framer (Animation Lesson 18)
You don't currently have access to this content
Lessons:
