Infinite text marquee next js

[Sabz]

Hello everyone, I'm trying to create a simple text marquee. But in my case, the marquee is just getting repeated. But I was trying to make an infinite marquee.

See the Pen rNRVELK by sabbirzzaman (@sabbirzzaman) on CodePen

[mvaneijgen]

Check out the Seamlessly loop elements along the x-axis helper function has a lot of features and you can probably tweak it to your liking even more. Hope it helps and happy tweening! 

 

See the Pen wvNZROm by mvaneijgen (@mvaneijgen) on CodePen

[Rodrigo]

Hi,

 

Here is a simple demo in React using the useGSAP hook:

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

 

That should be the same in a Next app.

 

Finally I'd recommend you to check the resources we have in order to understand how to integrate GSAP in React/Next projects, including our brand new useGSAP hook:

https://gsap.com/resources/React

 

Hopefully this helps.

Happy Tweening!