Next.js is the React Framework for Production. With build-time static generation and request-time server-side rendering, your pages will be served without needing to wait for heavy JavaScript loading and rendering.

Once users have entered your site and loaded a page, React takes over and you get all the benefits of being in a single page application. This includes the ability to add robust animations as your users navigate the site.


The Greensock Animation Platform (GSAP) is the standard for modern web animation. With over 20 years of active development under its belt, its API has grown to allow animators to do just about anything they can imagine.

Read the docs to find out how you can use GSAP with Next.js to deliver complex page transitions to your project.