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