GSAP full page transition

[chunchun]

Hello, I'm new to using GSAP overall, and I'm trying to achieve page transitions similar to this website (Eugene Ling – Portfolio). Is there some examples here that I can use as a guide for my project? I'm using React.js.

[Rodrigo]

Hi,

 

Here is a basic example of using page transitions with GSAP and React Transition Group:

 

https://stackblitz.com/edit/react-6rzfpp

 

As for those specific transitions, you'll have to tinker with GSAP in order to find a similar effect.

 

Hopefully this helps.

Happy Tweening!

[chunchun]

I'm trying to achieve the full-page transition just like in the given example site. For instance, when I scroll down to my site, it will go to the next section whose size is the full viewport. There are some demos I found here but I'm having a hard time implementing them in React.js.

[Rodrigo]

Hi,

 

I'm afraid that those animations are not the simplest thing to achieve and require a bit of custom logic and setup to get them done. Unfortunately we don't have the time resources to provide general consulting or custom logic solutions for our users in these free forums.

 

You can post in the Jobs & Freelance Forums in order to get help there.

 

Good luck with your project!

Happy Tweening!