Overlay Menu

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.