Infinite Scroll Project Showcase on fixed container

[R.Sam]

Hello 

I have a fixed container in a fixed-width screen website.

 

From this container, I want to add multiple images, each representing a project, along with text information about the project.

 

The animation I want to achieve is that when you scroll the page, the images and the corresponding project information will be displayed one by one. The faster you scroll, the faster the images and text will change or switch.

 

All of this animation should be in a loop, and each image and text should be connected to the CMS webflow. 

 

Some reference here:

https://brunoarizio.com/

http://iamrossmason.com/

http://lagutalaguta.com/

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "how do I recreate this cool effect I saw on another site?" tutorials. Of course anyone else is welcome to post an answer - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

 

Otherwise, if you've got a GSAP-specific question just post that here along with a minimal demo and we'd be happy to take a look. 

[Rodrigo]

Hi,

 

Maybe these demos can help:

See the Pen YrXdGZ by osublake (@osublake) on CodePen.

 

See the Pen yLWpWNM by GreenSock (@GreenSock) on CodePen.

 

Happy Tweening!

[R.Sam]

Hi Rodrigo, thanks for your answer, I did a similar thing, what do you think?
You can preview the website here
 

You can see the code here instead
https://ray.so/AniPvhw

Edited September 20, 2025 by R.Sam
I was adding the code I used