Reactive Morph Grid

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.