How to Create a Responsive Navigation Component in Framer | Framer Desktop, Tablet, Mobile Tutorial

In this video, I walk through how to design a basic responsive navigation for desktop, tablet, and mobile devices in Framer. Framer is a tool similar to Figma where you can create designs and view live prototypes on the web. You can learn more about here: https://www.framer.com/

Music for this video is by Cordio. You can learn more about their music here:
https://www.cortes.us/music

0:00 - Intro
0:22 - Designing the Navigation Bar
3:44 - Creating the Navigation Component
4:14 - Making the Tablet Variant
4:50 - Making the Open Mobile Variant
6:40 - Making the Mobile Variant
7:14 - Prototyping
8:12 - Mobile Breakpoint
8:40 - Viewing the Live Site
9:23 - Wrapping Up

⁙ social media:
Twitter :   / soren_iverson  
Dribbble: https://dribbble.com/soreniverson
Gumroad: https://soreniverson.gumroad.com/
Website : https://soreniverson.com/

#framer #websitedesign #navigation