Reactive Morph Grid

hover-reactive morphing grid background

Designed for seamless integration into your Framer projects, this component creates a tactile, premium feel by smoothly morphing shapes in response to cursor movement. It comes equipped with a comprehensive suite of exposed properties, allowing you to fine-tune both the visual aesthetics and the interactive physics to perfectly match your site's style. Customizable Properties: Styling: Set the exact hex codes for the element Color and the canvas Background . Layout: Adjust the Grid Spacing and Base Size to control the density and scale of the underlying pattern. Animation Timing: Fine-tune the motion rhythm with controls for Idle Time , Morph Speed , and Wave Delay . Interaction Physics: Dictate exactly how the grid reacts to the mouse by tweaking the Hover Radius , Hover Pull , and Easing .

hover-reactive morphing grid background