Jump to content
Search Community

Animation triggers too slow on page load

Marcus Ayers test
Moderator Tag

Recommended Posts

So I have a Next js 13 app I'm working on and I just want the title in the middle of the screen to have a little animation when the page loads. The animation works fine when I switch pages, but not on the first load. The title starts at the final position, then after about 1-3 seconds the gsap animation plays. I have tried some janky workarounds and none really worked, didn't know if there was a proper way to handle this. Thanks!

Screenshot 2023-05-04 at 5.11.47 PM.png

Link to comment
Share on other sites

Hi @Marcus Ayers and welcome to the GreenSock forums!


Is really hard for us to debug issues without a minimal demo.


There are two things I can see from the snippet you posted. You're not using GSAP Context:



The other thing is that this could be a Flash of Unstyled Content (FOUC) issue as mentioned here:


Finally I recommend you to take a look at the resources listed in this page:


You can create a minimal demo by forking one of the starter templates in this collection:



Hopefully this helps.

Happy Tweening!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
  • Create New...