Scroll · TOPIC

Scroll Animations

Scroll Animations

Scroll Animations

Every Framer lesson that teaches or touches on Scroll Animations

Lessons that teach this

4 lessons teach this topic

3:45

Triggering video playback on scroll in Framer

Animations, Layout & Design

8.9K views

·

December 12, 2025

14:04

Triggering animations on scroll in Framer (Animation Lesson 7)

Animations

30K views

·

August 14, 2025

3:11

Navigations: Scroll Direction

Animations, Scroll

14K views

·

August 10, 2023

12:48

Framer Update: Scroll Animations

Animations, Scroll

124K views

·

November 9, 2022

Where it comes up

43 moments across 14 lessons

Framer Update: Scroll TransformsBenjamin

2:07something like 360 or 720. the on scroll 3:53on scroll 6:55using on scroll as the trigger in the 7:19that on scroll keeps happening as we 7:40what's really cool about using on scroll 8:20with scroll animations you might already

Triggering animations on scroll in Framer (Animation Lesson 7)Joseph

0:15another effect called scroll animations 0:22Framer based on scroll position. From 0:41about triggering animations on scroll,2:11scroll animation, which again is going 2:42chapter. And then we have on scroll,11:05scroll animation, but here we're going

Transforming elements on scroll in Framer (Animation Lesson 8)Joseph

0:00Where scroll animations allowed us to 1:00adding the scroll animation effect,1:18with scroll animations, we could only 7:16scroll animations, our fix is to switch 11:31Transforming elements on scroll really

Navigations: Scroll DirectionBenjamin

0:54open the menu and I'll click on scroll 1:10trigger type called on scroll which you 1:14can find here this scroll animation will 2:11we'll go back to our scroll animation 2:39we've designed a new scroll animation

Framer Update: Component EffectsBenjamin

0:50scroll animation I'll set the trigger to 0:53on scroll and here we can simply Define 1:41will now have this scroll animation

Framer Event — Spring 2024, Introducing 3D Transforms, and a sneak peek at PluginsFramer

15:19So I can go ahead and add a scroll animation.15:23I'll set the trigger to on scroll

Framer Community Show & Tell July 6, 2023—Cédric Moore, Madhuri Maram and Arjun PhloxFramer

27:34the scroll animations that were done and 29:13scroll animations uh and components

Framer Update: CMS SectionsBenjamin

4:50next let's add a scroll animation effect 5:37I'll reopen the scroll animation and

Animating between variants on scroll in Framer (Animation Lesson 10)Joseph

4:55We have on scroll which means are we

Using the Appear Effect in Framer (Animation Lesson 6)Joseph

1:35triggering something on scroll. We're

Bringing websites to life with animation in Framer (Animation Lesson 1)Joseph

1:51Scroll animations to reveal and draw

2024 Framer Awards: Announcing the WinnersAndy

2:29hoverstate to their scroll animations

Framer Update: Text EffectsFramer

2:58this appear effect to a scroll animation

Framer Update: Scroll AnimationsBenjamin

0:06scroll animations in framer a brand new

Create a free website with Framer, the website builder loved by startups, designers and agencies.