---
title: "Reactive Morph Grid — Free Framer component · Best of Framer"
description: "Free Framer component · by SUJAL MAKKAR · Backgrounds. hover-reactive morphing grid background"
canonical: "https://framer.elliotli.dev/component/reactive-morph-grid"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Reactive Morph Grid

# Reactive Morph Grid

hover-reactive morphing grid background

[View on Framer](https://framer.com/marketplace/components/reactive-morph-grid/?via=elliot-li)

![Reactive Morph Grid preview image 1](https://framer.elliotli.dev/og/component/reactive-morph-grid/f2ffa9381051c354/1600x1200.jpg)

## Summary

hover-reactive morphing grid background

## Description

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**.
    

## Rank history [How rankings work →](/terms#rankings)

-   All · #6120

## Details

- **Author**: SUJAL MAKKAR
- **Published**: 2026-05-11
- **Updated**: 2026-05-25
- **Added**: 2026-04-29
- **Categories**: Backgrounds

## More like this

-   [Live_Backgrounds.exe](/component/live-backgrounds-exe) — S̶̈́͂IX BILLIÖ̴́N HERSELF · $19 — Animated backgrounds, 19 presets
-   [Drumskin](/component/drumskin) — KOJA Studios · Free — Interactive dot grid background
-   [Eclipse Ring](/component/eclipse-ring) — Lunaut Studio · $9 — A total eclipse for your hero
-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background