GSAP

For our more elaborate animations, we use GSAP.

Links

• More information on gsap context

Code examples

Memberful header animation

This is a good example on using gsap within React with Nextjs. In this component we used gsap context to optimize the component by only using one ref on the animation wrapper and use that as context for other animated parts. We then were able to move the whole animation inside a custom hook, which makes it easy to keep concerns separated. The whole animation can now be removed or disabled by just commenting out the hook.