Liquid Image Transit
Reveal one image into another with fluid, glitch, or wave-like distortion effects — perfect for hover-based interactions.
Made with Workshop
Build your own component with AI
About this Component
Liquid Image Transition is a dynamic hover effect component for Framer that morphs between two images using real-time distortion shaders. With just a few clicks, you can choose from three visually rich effects — Liquid, Glitch, or Wave — to bring your portfolio, hero section, or product showcase to life.
Effects Available:
Liquid: Smooth, organic morphing
Glitch: Sharp, digital distortions
Wave: Sinusoidal ripple-like motion
Features:
Upload two images: the default and the hover-reveal
Control intensity, transition speed, and direction
Set independent speed in/out durations
Disable hover effects on mobile or tablet if needed
Fully responsive and Framer-optimized
Perfect For:
Creative agency websites
Artist or photographer portfolios
Immersive hover animations in landing pages
