---
title: "Interactive Distort — Free Framer component · Best of Framer"
description: "Free Framer component · by FUGU · Effects. Screenshots, details, and remix links on Best of Framer."
canonical: "https://framer.elliotli.dev/component/interactive-distort"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Interactive Distort

# Interactive Distort

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

![Interactive Distort preview image 1](https://framer.elliotli.dev/og/component/interactive-distort/0e5a384ecd43e3f1/1600x1200.jpg)

## Summary

Make your site move.

## Description

## Make your site move. Literally.

Pixel Warp Shader FX brings real-time interactive distortion to your Framer project, no code, no setup. Just drop it in, connect an image or video, and fine-tune the effect to match your style.Use it to add playful motion, subtle interactivity, or bold distortion that reacts to the user’s cursor. All effects are fully customizable through intuitive controls, from grid resolution to relaxation speed. Works out of the box on all modern devices using native WebGL rendering.Perfect for product reveals, experimental visuals, or adding a layer of depth to your layout.

## 🚀 Why you'll love Pixel Warp Shader FX

Interactive by default: Cursor-based motion brings your visuals to lifeWorks with image & video: Add movement to any media in FramerFully customizable: Adjust grid resolution, intensity, fade, and moreZero setup: Just drop it into your project and goWebGL-powered: Smooth and fast performance across devicesDesign without dev: No custom shaders or libraries requiredFree! Forever!Pixel Warp Shader FX is part of the FUGU TOOLS collection, crafted for creators who care about speed, style, and standout interaction. Learn more and see a live demo at [https://www.byfugu.com/world/tools](https://www.byfugu.com/world/tools)  
  
Questions? world@wearefugu.com

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

-   All · #3650

## Details

- **Author**: FUGU
- **Published**: 2025-08-12
- **Updated**: 2025-08-12
- **Added**: 2025-08-07
- **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