---
title: "Overlay Menu — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Kunal Sharma · Navigation. Overlay Menu is a polished, production-ready overlay navigation component built for Framer."
canonical: "https://framer.elliotli.dev/component/overlay-menu"
---

[Home](/)/[Components](/components)/[Navigation](/components/category/navigation)/Overlay Menu

# Overlay Menu

A full screen overlay navigation

[View on Framer](https://framer.com/marketplace/components/overlay-menu/?via=elliot-li)

![Overlay Menu preview image 1](https://framer.elliotli.dev/og/component/overlay-menu/856315b1782de430/1600x1200.jpg)

## Summary

Overlay Menu is a polished, production-ready overlay navigation component built for Framer.

## Description

Overlay Menu is a polished, production-ready overlay navigation component built for Framer. It features a scroll aware navbar that transitions from transparent to frosted glass, a full-screen takeover menu with staggered link animations, and a complete bottom bar with email and social links - all wrapped in a clean, editorial aesthetic.

Every detail is configurable directly from the Framer property panel: logo font, weight, and size; link typography; hover colors; overlay background; accent color; and more no code editing required.

## Customization Options

**Logo** - Font, size, weight, italic toggle, letter spacing, color, and link target.

**Menu Button -** Open/close labels, font size, weight, letter spacing, and color.

**Nav Links** - Up to 5 pages each with a label and link. Font, italic toggle, weight, spacing, link color, and hover color configurable separately.

**Index Numbers** - Color, size, and letter spacing.

**Email** - Address text, font size, weight, letter spacing, and color.

**Socials** Up to 4 social links - each with label and URL. Size, weight, letter spacing, and color.

**Colors** Nav default background, nav scrolled background, overlay background, accent color.

## Rank history [How rankings work →](/terms#rankings)

-   All · #1439

## Details

- **Author**: Kunal Sharma
- **Price**: $5.00
- **Published**: 2026-03-31
- **Updated**: 2026-04-11
- **Added**: 2026-03-21
- **Categories**: Navigation

## More like this

-   [Reveal Navigations](/component/reveal-navigations) — Design Supply · Free — A calmer way to open your menu
-   [Collapsible Sidebar](/component/collapsible-sidebar) — Marso Angelov · $10 — Responsive Side Navigation
-   [Dial Picker](/component/dial-picker) — Tanmay Kaper · $14 — A machined dial for your projects
-   [Expanding Side Menu](/component/expanding-side-menu) — Russet Supply · $5 — Animated Framer Navigation