Menu Background v4

Two-stage fullscreen menu reveal

About this component

Haytham Mask Menu is a 2-in-1 fullscreen navigation system for Framer.

It includes both a customizable masked menu reveal component and a MenuToggle code override, giving you the full open/close interaction in one setup.

Connect your own Framer menu, apply the override to any button or frame, and the menu reveals from the center in two stages—expanding vertically first, then horizontally.

Features

• 2-in-1 component + code override • Connect your own Framer menu • Fullscreen or contained layout • Adjustable reveal duration • Custom starting mask width and height • Adjustable z-index • Optional force-fill menu layout • Smooth opening, closing, and mid-animation reversal • Static Canvas preview states • No third-party packages • No global DOM searching • Marketplace-ready static rendering

How To Use

Add the Mask Menu component, connect your menu, then apply the included MenuToggle override to your hamburger, icon, button, or frame.

The published version always starts closed, while the Canvas preview control lets you inspect Closed, Half, or Open states while designing.

Need help? Contact: [email protected]

Refund Policy

All sales are final for this digital product. Refunds are available only for confirmed critical technical issues that prevent the component's core functionality and cannot be resolved within a reasonable timeframe.

Refunds are not provided for buyer's remorse, design preference, incorrect setup, or modifications made after purchase.