Streaming live at 10am (PST)

How to recreate part of the Airpods Pro Website

Hi everyone,

I’ve watched thisWebflow tutorial on animating a 3D render scroll to recreate the Airpods Pro website.

But it doesn’t touch on recreating the part of the website where the waves are oscillating into and out of the Airpod to describe the noise-canceling feature. Is it just a background video asset or something else?

Would appreciate any advice or resources on how to recreate these waves.

Thank you


They are using pre-render animation. and scroll it changing.

Thanks, Mati! So essentially it’s no different to implement than how the Webflow tutorial does it?

Yes, you are right it just the same way you follow the tutorial.