Reactive Morph Grid: Free Backgrounds Component by SUJAL MAKKAR

Marketplace Components Categories Backgrounds

A sleek, minimalist background component designed to add subtle, interactive motion to your web projects. It features a clean grid of cross icons that fluidly morph into solid squares in response to the user's mouse movements.

About this 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.