Start for free
Search
Get started
Build your first site
Layout & Sizing
Breakpoints
Import from Figma
Components
Copy from HTML
navigation
start
Scroll
Scroll Targets
Sticky Scrolling
Scroll Animations
Scroll Transforms
Scroll Variant
scroll
Navigation
How to Link Pages
Desktop Menu
Mobile Menu
Mobile Menu: Fade-In
Horizontal Side Scroller
Scroll Direction
Relative Overlays
Responsive Dropdown Menu
Effects
Page Effects
Component Effects
Creative Effects
Rotating Grid on Scroll
Wave Animation
Apple Zoom Scroll Effect
Canvas-like website
Overlays
effects
CMS
Overview
CSV import
Filtering
Date Filtering
Conditionals & Transforms
Scroll Sections
Bold & Italic
Code Blocks
Reference Collections
cms
Localization
AI Style
localization
Insert Menu
Carousel
Cookie Banner
Input
Slideshow
Ticker
insert
Templates
Prepare your Template
Sell on Lemon Squeezy
templates
Settings
Metadata
Password Protection
Custom Code
Custom Domains
Redirects
Staging & Versions
Analytics
Version History
management
Integrations
Shopify Integration
Membership Sites
integrations
Code
Progress Feature Section
code
Courses
Fundamentals
Documentation Site
Mastering Code Overrides
courses
Academy
A site without navigation is just a page, learn how to build it in Framer.
Learn how to add links to any page, or set up a link to anchor to a specific section of a page.
Build a beautiful desktop navigation bar.
Creating a mobile menu that animates to the viewport height when opened is easy with the right properties.
Make your mobile menu animations more interesting by adding custom transitions.
This release brings new properties that unlock new types of navigation patterns.
Kickstart custom animations whenever you scroll up or down, like fading out a navigation bar when people scroll down.
Add dropdowns to any layer with Appear Effects, a Dynamic Safe Area, custom positioning, and more.
Learn how to create a responsive navigation with dropdowns in Framer—completely from scratch.