About this Component
A 2-in-1 Framer component that includes both the morphing fullscreen background effect and a ready-to-use Code Override for trigger control.
Create a smooth, fluid fullscreen menu animation using a morphing SVG shape that expands and collapses beautifully across breakpoints. The component is designed for modern navigation systems, overlays, landing pages, and interactive UI experiences.
Unlike traditional setups that require multiple files or custom logic, this single component handles both:
The fullscreen morphing background effect
The trigger logic through an included Code Override
Simply drop the component onto your canvas and apply the included MenuToggle override to any trigger element — text, icon, button, hamburger menu, or custom layer.
This makes setup incredibly fast while still giving you full creative flexibility.
What's Included
Morphing fullscreen background component
Built-in MenuToggle Code Override
Responsive SVG animation
Solid and gradient fill support
Gradient direction controls
Optional stroke styling
Adjustable animation duration
Built-in open/close state handling
Perfect For
Fullscreen navigation menus
Landing page overlays
Portfolio websites
Agency websites
Creative menu systems
Modern UI interactions
How to Use
Drag the component onto your canvas
Set it as your menu background
Apply the MenuToggle override to your trigger element
Customize colors and animation settings
For best results, set the component to Fixed positioning when using it as a fullscreen menu background.
Make sure your trigger element has a higher z-index than the morphing background component.
Important Note
This component uses a built-in Code Override for interaction control. The override is included in the remix file and must be applied to your menu trigger.
No additional setup or external overrides are required.
Questions? Reach out at hasanwali6890@gmail.com
Refund Policy
All sales are final upon purchase as this is a non-tangible digital product. A refund is offered only if the component suffers a critical technical failure that prevents its core function and cannot be resolved within a reasonable timeframe. Refunds are not issued for buyer's remorse, aesthetic preference, or modifications made after purchase. Report confirmed technical failures with evidence within 14 days of purchase.