Animation
Discovermarket Scroll Animation in Framer
This is a Framer recreation of the scroll animation originally seen on the Discovermarket website. Feel free to remix the project and see how I structured it to achieve this breathtaking scroll animation without writing any code.
Created by
About The Resource
I decided to record the full process as I create this animation from scratch. Usually, when I record tutorials, I already know what I'm going to do, so I don't run into any issues. However, I think you can learn a lot by seeing how I troubleshoot problems, explore different solutions, and so on.
To create the scroll animation, I ended up using:
sticky positioning
scroll sections
scroll transforms
But I explored solutions with scroll variants as well, but that did not end up working on mobile.
About The Resource
I decided to record the full process as I create this animation from scratch. Usually, when I record tutorials, I already know what I'm going to do, so I don't run into any issues. However, I think you can learn a lot by seeing how I troubleshoot problems, explore different solutions, and so on.
To create the scroll animation, I ended up using:
sticky positioning
scroll sections
scroll transforms
But I explored solutions with scroll variants as well, but that did not end up working on mobile.
About The Resource
I decided to record the full process as I create this animation from scratch. Usually, when I record tutorials, I already know what I'm going to do, so I don't run into any issues. However, I think you can learn a lot by seeing how I troubleshoot problems, explore different solutions, and so on.
To create the scroll animation, I ended up using:
sticky positioning
scroll sections
scroll transforms
But I explored solutions with scroll variants as well, but that did not end up working on mobile.
Testing the scroll animation on mobile.
Testing the scroll animation on mobile.
Testing the scroll animation on mobile.
