How can I achive this card stack animation with GSAP and Locomotive Scroll? My progress also included.

[Niraj]

Hello guys, I am trying to create something similar to this website. https://uiwd.co/

 

I think I'm pretty close to cracking the code but I am stuck on some issues.

 

1 : I want image grid on left and right. I can't get these images to align on right side.

2 : Locomotive scroll is not working. When I add it, I can't scroll down past 2 images.

3 : Should I use React to make such websites? Because I will have to create this for client sometime in future.

4: How can I improve my current progress?

 

Thank you all in advance for help. 

 

 

See the Pen rNpmaNE by niraj-dilip-joshi (@niraj-dilip-joshi) on CodePen

[Cassie]

Hi there Niraj! Welcome to the forums.

We're happy to answer GSAP-specific questions here, but I'm afraid we don't have capacity to feedback on your work, offer general career advice or help with third party tools or CSS layout.

There are some great web animation and web development communities out there that may be more what your looking for...

• Web animation at work discord community Animation focused, friendly, we have a channel in there!
• Front end horse discord community More focused on general web development, with a creative twist.
• Lunch dev discord community Lots of React experts here, but very friendly to beginners.

Good luck with your project, keep us updated with how it's going - if you have any GSAP questions make sure to pop back in.

[Cassie]

Also... we may have something in the works to help you remove that locomotive scroll dependancy. 👀 watch this space.

[Niraj]

1 hour ago, Cassie said:

Also... we may have something in the works to help you remove that locomotive scroll dependancy. 👀 watch this space.

 

Thank you so much! I am looking forward for this cool feature. Lesser external plugins the better. 😀

 

Thank you for linking me to discord communities! I'll take a look and see if someonne can help me. Thanks again.