Skip to content

component

Liquid Image Transit

By Avesh Mishra

Details

Summary

Liquid Image Transition is a dynamic hover effect component for Framer that morphs between two images using real-time distortion shaders.

Description

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

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400141258/148/228/309/79/15
  • All · #3932