Advice for a custom slider

[Gabriel Schemoul]

Hey guys, I'm trying to design this slider on Webflow:

 

 

So basically, :

- it's an arched slider (where the content is CMS-based)

- there's a progress bar at the bottom (between the arrows)

- the slider has an infinite loop.

- And the user can also navigate in the slider thanks to a horizontal scroll (we could use scroll snapping for a better experience).

 

Do you think it's possible to create that?

 

I'm not looking for a complete solution. I just want to know if that's possible and maybe some advice on how I could create that component.

 

Thank you in advance!

 

[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.

 

You might want to have a look at this demo:

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

 

Also have a look at this learning resources:

https://3dtransforms.desandro.com/carousel