Framer
Copy
Logo as SVG
Brand
Guidelines
Academy
Search
Fundamentals
Learn
Courses
Insert Menu
Layout & Design
Navigation
Animations & Effects
Scroll
CMS
Forms
Localization
Publishing & Settings
Templates
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.
CMS powered Scroll Sections
Learn how to define Scroll Sections within CMS Collection Lists.
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.
10:20
Relative Overlays
Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more.
19:48
Make Responsive Dropdown Menus From Scratch
Learn how to create a responsive navigation with dropdowns in Framer—completely from scratch.
6:20
How to use overlays
Learn how to create video overlays in the following tutorial.
7:10
Smooth Scrolling Links with Scroll Targets
Learn how create links that animate to specific sections of your web page.
