ScrollTrigger with React js

[Ameen]

Hello , I can't make the same animation in React js

 

See the Pen KKpLdWW by GreenSock (@GreenSock) on CodePen

[Rodrigo]

Hi @Ameen and welcome to the GreenSock forums!

 

We have a series of resources for users just starting with React:

Also we have these Getting Started live examples in Codesandbox:

 

Basic Setup - Toggle Animation:

https://codesandbox.io/s/gsap-scrolltrigger-react-zrp6su

Basic ScrollTrigger:

https://codesandbox.io/s/gsap-scrolltrigger-react-zrp6su

Club GreenSock bonus plugins:
https://codesandbox.io/s/gsap-react-setup-zvbntr

 

Finally we have this example that, although it covers routing, it has a route with the exact same example you're trying to emulate:

https://codesandbox.io/s/gsap-react-routing-x666fx?file=/src/views/Layers.js

Check the file Layers.js and let us know if you have more questions.

 

Happy Tweening!