How to achieve an automatically horizontal scrolling in React?

[anthonyy]

I saw  which I thought was interesting so I tried recreating it in react like so: 

See the Pen ExMbVzL by anthonyyoussef01 (@anthonyyoussef01) on CodePen

 I'm also a beginner at codepen and cannot get codepen to cooperate, I attached an image

See the Pen abKaKz by hackfin (@hackfin) on CodePen

[mvaneijgen]

Hi @anthonyy welcome to the forum!

 

Seems like you're looking for the Seamlessly loop elements along the x-axis, the demo you shared uses a really old version 1.18.0 and were are currently at version 3.12.5! You could upgrade the code to the latest version, but the helper function has a lot more features that you might also like.

 

CodePen isn't always ideal for these tools, so here are some Stackblitz starter templates that you can fork and import the gsap-trial NPM package for using any of the bonus plugins. Here are starter templates for React (please read this article!) or Next. Hope it helps and happy tweening! 

[Rodrigo]

Hi,

 

Here are a couple of React demos using the Horizontal Loop helper function:

 

https://stackblitz.com/edit/vitejs-vite-auctqy?file=src%2FApp.jsx

 

https://stackblitz.com/edit/vitejs-vite-cljwjs?file=src%2FApp.jsx

 

Hopefully this helps.

Happy Tweening!