Fluid Distortion
A high-performance, GPU-accelerated component that applies a dynamic and fully interactive liquid distortion effect to any image.
Make it with Workshop
Build your own component with AI
About this Component
Elevate your designs with Fluid Distortion, a professional-grade component engineered for creating stunning, interactive visual effects.
Built on a lightweight WebGL foundation, it renders a beautifully fluid, watery ripple that responds in real-time to user input, adding a sophisticated and engaging layer of interaction to any project.
Key Features
Dynamic Interaction: A GPU-accelerated liquid distortion effect that responds seamlessly to both mouse and touch gestures.
Intelligent Sizing: Automatically resizes the canvas to match the natural aspect ratio of any source image, ensuring a flawless presentation without stretching or cropping.
Full Customization: Exposes simple yet powerful controls in the Framer UI to adjust the distortion's size, softness
(Falloff), and fade speed (Dissipation).
High-Performance Core: Optimized for stability and performance, with robust memory management to ensure a smooth, reliable experience even in complex projects.
This component is a powerful tool for designers and developers looking to implement polished, high-impact micro-interactions with minimal effort.
