---
title: "Grid Proximity Hover — Free Framer component · Best of Framer"
description: "Free Framer component · by Blank.Design · Backgrounds. Customizable Background Animation"
canonical: "https://framer.elliotli.dev/component/grid-proximity-hover"
---

[Home](/)/[Components](/components)/[Backgrounds](/components/category/backgrounds)/Grid Proximity Hover

# Grid Proximity Hover

Customizable Background Animation

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

![Grid Proximity Hover preview image 1](https://framer.elliotli.dev/og/component/grid-proximity-hover/a7d88e2ac630b5c5/1600x1200.jpg)

## Summary

Customizable Background Animation

## Description

## **Key Features**

-   Choose between 4 preset forms or enter your own vector shape
    
-   Path data and coordinates get extracted automatically from your raw SVG code
    
-   Grid can be turned on or off
    
-   Set the radius, color, and strength of the hover effect
    
-   Choose the cursor following speed
    
-   Smoothly dissolves the shapes to the frame boundaries
    
-   Hover works through overlaying objects
    
-   All settings simply organized in the properties panel
    

## Feedback or a feature request?

Help make this component even better! If you have ideas, requests, or just want to show your support, feel free to reach out. 🤍

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

-   All · #1625

## Details

- **Author**: Blank.Design
- **Published**: 2026-06-16
- **Updated**: 2026-06-24
- **Added**: 2026-06-08
- **Categories**: Backgrounds

## More like this

-   [Pixel Flicker](/component/pixel-flicker) — Design Foundry · $10 — premium animated pixel background
-   [Fractal Glass Wave](/component/fractal-glass-wave) — Hienn Ng · $3 — Dynamic Fractal Glass Background
-   [Particle Flow Pro](/component/particle-flow-pro) — Interface Studio · $10 — Bring Your Background to Life
-   [Silk Gradient](/component/silk-gradient) — Kaisa A · Free — Silk Gradient Background
