Copy component
Copy component
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
How can I improve Framer Uni?
Let me know if there’s a missing feature or something that could be improved.
Share feedback
Component
This is a liquid distortion effect recreated in Framer, based on Ksenia’s work. Upload any image, adjust the distortion power, resolution, and cursor interaction, and add a smooth, fluid motion to your visuals.
Created by
To use the liquid distortion component, upload any image of your choice and adjust the resolution to control the clarity and smoothness of the distortion. The cursor setting lets you define how the distortion reacts to mouse movement, while the power property controls the intensity of the liquid effect. Finally, the distortion property fine-tunes the overall flow and texture of the animation, letting you create anything from subtle ripples to strong, fluid warps.
To use the liquid distortion component, upload any image of your choice and adjust the resolution to control the clarity and smoothness of the distortion. The cursor setting lets you define how the distortion reacts to mouse movement, while the power property controls the intensity of the liquid effect. Finally, the distortion property fine-tunes the overall flow and texture of the animation, letting you create anything from subtle ripples to strong, fluid warps.
To use the liquid distortion component, upload any image of your choice and adjust the resolution to control the clarity and smoothness of the distortion. The cursor setting lets you define how the distortion reacts to mouse movement, while the power property controls the intensity of the liquid effect. Finally, the distortion property fine-tunes the overall flow and texture of the animation, letting you create anything from subtle ripples to strong, fluid warps.
The properties of the liquid distortion component in Framer.
The properties of the liquid distortion component in Framer.
The properties of the liquid distortion component in Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
Framer Navigator
Build your ideas with ease by learning the basics of website building with Framer.
