A website tutorial on how to make a floating image gallery using Nextjs and GSAP. It's an animaiton where images move with the movement of the cursor using gsap.

Demo / Source code: https://blog.olivierlarose.com/tutori...

00:00 Intro
00:32 Initializing the App
00:42 Static Import the Images
00:53 Rendering the planes
1:21 Adding Mouse Interaction
3:20 Using the request animation frame
4:28 Using the Linear Interpolation
5:56 Canceling the request animation frame
7:03 Outro

More animations: https://blog.olivierlarose.com/
Follow me on Twitter:   / olivierlarose_  
Discord Channel:   / discord  

Thanks for watching!

#react #nextjs #awwwards #gsap #framer #motion