Build an Awwwards Navigation Menu using Nextjs and Framer Motion

Published: 03 July 2023
on channel: Olivier Larose

11,489

346

A website tutorial on how to make an Awwwards Navigation bar menu using Nextjs and Framer Motion. Inspired by the awwwards winning website https://props.studiolumio.com/

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

00:00 Intro
00:20 Initialize the app
1:12 Header Component
3:52 Nav Component
6:07 Body Component
12:42 Image Component
13:28 Footer Component
14:00 Background
14:38 Close menu on route change
15:51 Outro

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

Thanks for watching!

#react #nextjs #awwwards #gsap

Watch video Build an Awwwards Navigation Menu using Nextjs and Framer Motion online without registration, duration hours minute second in high quality. This video was added by user Olivier Larose 03 July 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 11,489 once and liked it 346 people.