Framer Tutorial: Making The AirPods Pro Scroll Animation

Learn how to create an image sequence scroll animation on your Framer website. I'll show you how to set up your components and variants to create this effect in Framer, and I'm gonna also hand you a code override that you can use to play an image sequence on scroll on your website.

Remix for the AirPods Pro animation.

Remix for the Frame.io animation.

Taught by

Nandi

Remix project file

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

Framer Navigator

Learn the fundamentals of Framer for free.

Build your ideas with ease by learning the basics of website building with Framer.

Join waitlist

More lessons

View all

POV: You’re Making $247/h Fixing Framer Sites
POV: You’re Making $247/h Fixing Framer Sites
POV: You’re Making $247/h Fixing Framer Sites
Creating a Feedback Widget From Scratch (Framer Tutorial)
Creating a Feedback Widget From Scratch (Framer Tutorial)
Creating a Feedback Widget From Scratch (Framer Tutorial)