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.
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.
