Fundamentals

Live Build

First site: Part 2

First site: Part 2

05:46

05:46

ENROLL IN THIS MASTERCLASS TO VIEW THIS LESSON

The end-to-end ultimate Framer masterclass course.

This lesson is all about building a fully functional, responsive navbar from scratch. You’ll style the layout, set up links and buttons, and turn it into a reusable component with breakpoints and a global page template to use across your site.

What You’ll Learn:

  • Structuring and styling a custom navbar

  • Adding links, buttons, and hover variants

  • Using layout and spacing for clean distribution

  • Building for desktop, tablet, and mobile breakpoints

  • Creating a reusable page template with a nav component

This lesson is all about building a fully functional, responsive navbar from scratch. You’ll style the layout, set up links and buttons, and turn it into a reusable component with breakpoints and a global page template to use across your site.

What You’ll Learn:

  • Structuring and styling a custom navbar

  • Adding links, buttons, and hover variants

  • Using layout and spacing for clean distribution

  • Building for desktop, tablet, and mobile breakpoints

  • Creating a reusable page template with a nav component

TEACHER

TEACHER

Ryan Hayward

Ryan Hayward

Official Framer Mentor, Founder @ Insert Frame

Official Framer Mentor, Founder @ Insert Frame

LESSON ID:

LESSON ID:

ufm-fundamentals-lb-003

ufm-fundamentals-lb-003

Home

Lessons

Search

Plugin

Badges

MASTER FRAMER AND BECOME A MORE VALUABLE DESIGNER

$299

$500

MASTER FRAMER AND BECOME A MORE VALUABLE DESIGNER

$299

$500