Framer

Copy

Logo as SVG

Brand

Guidelines

Features
Resources
Support
Enterprise
Pricing
Contact

Academy

Search

Fundamentals

Learn

Courses

Insert Menu

Layout & Design

Navigation

Animations & Effects

Scroll

CMS

Forms

Localization

Publishing & Settings

Templates

Navigation

A site without navigation is just a page, learn how to build it in Framer.

Linking to other Pages or external URLs

Learn how to add links to any page, or set up a link to anchor to a specific section of a page.

7:12

Build a Desktop Menu with Min Height and Max Height

Build a beautiful desktop navigation bar.

6:27

Design a Scrollable mobile menu with height animation

Creating a mobile menu that animates to the viewport height when opened is easy with the right properties.

10:44

Design mobile menu’s with custom fade-in animations.

Make your mobile menu animations more interesting by adding custom transitions.

6:20

How to use overlays

Learn how to create video overlays in the following tutorial.

19:48

Make Responsive Dropdown Menus From Scratch

Learn how to create a responsive navigation with dropdowns in Framer—completely from scratch.

7:10

Smooth Scrolling Links with Scroll Targets

Learn how create links that animate to specific sections of your web page.

CMS powered Scroll Sections

Learn how to define Scroll Sections within CMS Collection Lists.

10:20

Relative Overlays

Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more.

The internet is your canvas
Resources

Academy

Marketplace

Desktop App

Brand

Wallpapers

Tools

Figma to Framer

HTML to Framer

Developers

Startup kit

SaaS kit

Company

Careers

Events

Status

Security

Privacy

Compare

Webflow

Wordpress

Contentful

Unbounce

Figma

Ceros

Legal

Abuse

Charges

Cookies

Terms