Interactive Distort
Add interactive distortion to images or videos in your Framer project. Fully customizable, responsive to cursor, and powered by native WebGL shaders. No code, no setup.
Make it with Workshop
Build your own component with AI
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
Questions? world@wearefugu.com
