Skip to content

component

Overlay Menu

By Kunal Sharma

Details

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.

Introduction

A full screen overlay navigation

Rank history

Daily rank per list, from the first snapshot — lower is better.

1501100111328/148/228/309/79/15
  • All · #1132