Reactive Morph Grid · Free Backgrounds Component
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.
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.
