Transform images & videos with InversionLens — a WebGL-powered inverted mask that follows the cursor with fluid motion and psychedelic distortion.
Make it with Workshop
Build your own component with AI
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