---
title: "Media Distort Lens — Framer component · Best of Framer"
description: "$4.00 · Framer component · by SteelEye® · Effects. Distort Lens — Surreal, Immersive, Cinematic Invert."
canonical: "https://framer.elliotli.dev/component/distort-lens"
---

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

# Media Distort Lens

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

![Media Distort Lens preview image 1](https://framer.elliotli.dev/og/component/distort-lens/3db14d77c19c8b52/1600x1200.jpg)

## Summary

Distort Lens — Surreal, Immersive, Cinematic Invert.

## Description

Distort Lens — Surreal, Immersive, Cinematic

**Invert. Distort. Reveal.** — A WebGL-powered hybrid effect that fuses the surreal inverted-lens reveal with dynamic grid-based distortion, transforming static visuals into mesmerizing interactive experiences.

A lightweight yet powerful component for both images and videos. Built with WebGL, it introduces an organic inverted-color mask that follows your cursor, layered with responsive grid distortion that ripples and warps with cinematic depth. The result: media that feels alive, tactile, and unforgettable.

## Why it works for your project

✨ **Double impact** — surreal inverted lens combined with responsive grid distortion.✨ **Immersive interaction** — every hover feels cinematic, alive, and unpredictable.✨ **Modern aesthetic** — blends glitch-inspired energy with smooth organic motion.✨ **Seamless integration** — fully adjustable, lightweight, and GPU-accelerated.

## Feature Highlights

🎥 **Image & Video support** — apply seamlessly to both static and moving media.⭕ **Dynamic lens radius** — adjustable reveal area with smooth easing.#️⃣ **Grid customization** — control grid density, distortion strength, and relaxation.💨 **Turbulent edges** — lens edge ripples with psychedelic, organic distortion.⚡ **Smooth motion** — lerp factor ensures fluid tracking of cursor and distortion.🎨 **Custom backgrounds** — define fallback or loading states with your own color.🖥️ **GPU-accelerated** — ultra-smooth performance across devices and browsers.

## Refund Policy

Try it risk-free: 7-day money-back guarantee if you’re not fully satisfied.

## Support

Need help or have questions? Reach out anytime at

[**builtwithmodulo@gmail.com**](mailto:builtwithmodulo@gmail.com)

**Minimal in setup, maximal in impact** — Distort Lens merges the surreal with the structured, turning ordinary media into immersive, interactive artworks with a clean, efficient workflow.

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

-   All · #9685

## Details

- **Author**: SteelEye®
- **Price**: $4.00
- **Published**: 2025-08-28
- **Updated**: 2025-08-28
- **Added**: 2025-08-19
- **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