Liquid Image Transit

Liquid Image Transit

About Liquid Image Transit

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