---
title: "Mouse Distortion — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Effects. Mouse Distortion bends, refracts, and scatters any image in real time as visitors move across it — a tactile, premium effect for hero…"
canonical: "https://framer.elliotli.dev/component/mouse-distortion"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Mouse Distortion

# Mouse Distortion

images react to the cursor

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

![Mouse Distortion preview image 1](https://framer.elliotli.dev/og/component/mouse-distortion/54bcd791ab93a405/1600x1200.jpg)

## Summary

Mouse Distortion bends, refracts, and scatters any image in real time as visitors move across it — a tactile, premium effect for hero images, portfolio pieces, and product visuals.

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

Make your images react to the cursor. Mouse Distortion bends, refracts, and scatters any image in real time as visitors move across it — a tactile, premium effect for hero images, portfolio pieces, and product visuals.

Four distinct distortion styles and a deep set of physics controls let you go from a subtle lens to liquid, glass-like chaos.

**How to use**

Add your image, pick an Effect — Chromatic, Lens, Scatter, or Wake — and choose when it reacts: on hover, while dragging, or always.

Then shape the feel: Strength, Core Size, and Falloff control the distortion area; Velocity, Follow, Trail Length, and Elasticity control how it chases the cursor. Refraction and Edge Fragility push the glassy look further, Click Ripple adds a pulse on every click, and Flow Tint lets the distortion glow in the image's own colors or a custom one.

**Features**

-   Four distortion effects: chromatic, lens, scatter, and wake
    
-   Hover, drag, or always-on interaction modes
    
-   Adjustable strength, core size, and falloff
    
-   Cursor physics: velocity, follow, trail length, and elasticity
    
-   Refraction and edge fragility for glass-like looks
    
-   Click ripple pulse
    
-   Flow tint from the image or a custom color
    
-   Corner radius, background color, and custom cursor
    
-   Touch support on mobile
    
-   Built-in reduced-motion option
    
-   Static-friendly rendering on the canvas and export
    
-   Works as a section, frame, or full-page element
    
-   Responsive across desktop, tablet, and mobile
    
-   No setup or coding required[](https://image-distortion.framer.ai/)
    

**Refund Policy:**

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: [hi@alicorak.com](mailto:hi@alicorak.com)

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

-   All · #8589

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-25
- **Updated**: 2026-08-16
- **Added**: 2026-07-25
- **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