---
title: "Proximity Grid — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Khizer · Effects. Make Your Layouts Feel Alive Proximity Grid transforms any image collection into a tactile, cursor-reactive experience."
canonical: "https://framer.elliotli.dev/component/proximity-grid"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Proximity Grid

# Proximity Grid

Cursor-reactive grid with 3D depth.

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

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

## Summary

Make Your Layouts Feel Alive Proximity Grid transforms any image collection into a tactile, cursor-reactive experience.

## Description

### Make Your Layouts Feel Alive

Proximity Grid transforms any image collection into a tactile, cursor-reactive experience. Images scale, tilt, fade, and desaturate based on how close your visitor's cursor is; creating a premium interactive feel with zero code.

### What It Does

-   **Proximity Scaling:** Close images grow, far images shrink; smooth spring physics, no jitter.
    
-   **3D Tilt:** Each image subtly rotates to face the cursor, adding real depth.
    
-   **Opacity & Saturation:** Far images fade and desaturate, spotlighting what's near the cursor.
    
-   **Dynamic Border Radius:** Corners round up as the cursor approaches, sharpen when it leaves.
    
-   **Stacked Entry:** All images start piled at center, then fan out to the grid when the cursor appears. They collapse back when the cursor leaves the window.
    
-   **Drop Shadow:** Optional soft shadow for a lifted, card-like look.
    

### Fully Configurable

-   **Any Grid Layout:** Set rows and columns (1–6 each) to build 1×1, 2×3, 4×4, or anything in between.
    
-   **Spring Physics:** Dial in stiffness and damping to make it snappy or buttery smooth.
    
-   **All Properties Exposed:** Image size, min/max scale, tilt angle, opacity floor, saturation floor, border radius, gap; everything adjustable from Framer's property panel.
    
-   **Links:** Attach URLs to any image for interactive navigation grids.
    

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

-   All · #8901

## Details

- **Author**: Khizer
- **Price**: $4.00
- **Published**: 2026-06-07
- **Updated**: 2026-06-13
- **Added**: 2026-06-03
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo