Build an Awwwards Project Gallery using NextJs, GSAP and Framer Motion
An awwwards winning website tutorial with a project gallery featuring a hover animation using Nextjs, GSAP and Framer Motion. Inspired by: https://dennissnellenberg.com/
Demo / Source code: https://blog.olivierlarose.com/tutori...
00:00 Intro
00:18 Project Structure
00:49 Page Component
2:03 Project Component
4:18 Modal Component
7:36 Enter Exit with Framer
9:19 Mouse Move with GSAP
12:17 Move and Animate Cursor
15:06 Outro
More animations: https://blog.olivierlarose.com/
Follow me on Twitter: / olivierlarose_
Discord Channel: / discord
Thanks for watching!
#react #nextjs #awwwards #framer #gsap
Watch video Build an Awwwards Project Gallery using NextJs, GSAP and Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 15 June 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 13,054 once and liked it 522 people.