---
title: "GridDisplace — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Perthro · Effects. GridDisplace is a fully customizable interactive image displacement component for Framer designed to create immersive motion-driven…"
canonical: "https://framer.elliotli.dev/component/griddisplace"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/GridDisplace

# GridDisplace

Cursor Image Grid Displacement

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

![GridDisplace preview image 1](https://framer.elliotli.dev/og/component/griddisplace/97c4387fb6b5129b/1600x1200.jpg)

## Summary

GridDisplace is a fully customizable interactive image displacement component for Framer designed to create immersive motion-driven visuals and responsive mouse interactions.

## Description

## Versions

### v1.0 - Release

### v1.1 - Uniformity update.

-   Added "Get Component" button.
    

GridDisplace is a fully customizable interactive image displacement component for Framer designed to create immersive motion-driven visuals and responsive mouse interactions. Transform static images into dynamic grid-based experiences with smooth displacement, fluid motion physics, and real-time visual distortion that reacts naturally to user movement.

Customize grid density, displacement strength, mouse influence, relaxation speed, smoothing, and motion behavior directly from the properties panel. GridDisplace gives you complete control over the interaction feel, allowing you to create everything from subtle atmospheric movement to bold experimental distortion effects with minimal setup.

Built for modern portfolios, creative studios, fashion editorials, product showcases, landing pages, and immersive interfaces, the component is lightweight, responsive, and optimized for smooth performance across modern devices. Every interaction feels fluid and tactile, creating a sense of depth and responsiveness that instantly makes interfaces feel more alive and interactive.

Perfect for creators looking to add cinematic motion, reactive visuals, and premium interactive detail without complex WebGL setups or heavy animation workflows.

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

-   All · #9207

## Details

- **Author**: Perthro
- **Price**: $10.00
- **Published**: 2026-05-26
- **Updated**: 2026-09-15
- **Added**: 2026-05-21
- **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