Build an Awwwards Mouse Interactive Project Gallery with Nextjs
A website tutorial featuring a mouse interactive project gallery from an awwwards winning website, made with Nextjs. Inspired by https://decimalstudios.com/work.
Demo / Source code: https://blog.olivierlarose.com/tutori...
00:00 Intro
00:15 Initializing the App
00:38 Page Component
1:15 Double Component
3:22 Animating with Mouse Event
4:55 Using requestAnimationFrame
7:51 Reversing the layout
9:44 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord
Thanks for watching!
#react #nextjs #awwwards #gsap