---
title: "Inversion Lens — Framer component · Best of Framer"
description: "$5.00 · Framer component · by SteelEye® · Effects. InversionLens — Surreal, Dynamic, Revealing Invert."
canonical: "https://framer.elliotli.dev/component/inversionlens"
---

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

# Inversion Lens

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

![Inversion Lens preview image 1](https://framer.elliotli.dev/og/component/inversionlens/03cc5033b7502cdc/1600x1200.jpg)

## Summary

InversionLens — Surreal, Dynamic, Revealing Invert.

## Description

InversionLens — Surreal, Dynamic, Revealing

**Invert. Mask. Distort.** — A WebGL-powered lens effect that transforms static visuals into an interactive and surreal experience.

A lightweight, customizable mask effect designed for both images and videos. Built with WebGL, it introduces an organic inverted-color reveal that follows your cursor with fluid motion. The mask edge ripples with psychedelic turbulence, making your visuals feel alive and immersive.

Why it works for your project

✨ **Instant intrigue** — captivate viewers with a surreal inverted lens reveal.

✨ **Organic distortion** — turbulence adds a wavy, living texture to the mask edge.

✨ **Fluid motion** — cursor follows with smooth interpolation for a polished feel.

✨ **Effortless customization** — all mask properties are tweakable directly in Framer controls.

Feature Highlights

🎥 **Image & Video support** — seamlessly apply to both static and moving media.

⭕ **Dynamic mask radius** — adjust the size of the reveal area, with smooth easing.

💨 **Turbulence control** — fine-tune the strength of the psychedelic distortion.

⚡ **Smooth motion** — lerp factor ensures the mask glides naturally behind the cursor.

🎨 **Custom backgrounds** — define fallback or loading states with your own color choice.

🖥️ **GPU-accelerated** — WebGL ensures ultra-smooth performance across devices.

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)

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

-   All · #10638

## Details

- **Author**: SteelEye®
- **Price**: $5.00
- **Published**: 2025-08-25
- **Updated**: 2025-08-29
- **Added**: 2025-08-17
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows