About Liquid Hover Reveal
Liquid Hover Reveal turns any image into an interactive liquid reveal. Move your cursor across the surface to create a fluid trail that melts through the cover and reveals the image underneath. On mobile, the interaction switches to drag automatically.
Features
Cursor-driven liquid reveal
Hover interaction on desktop
Drag interaction on mobile
Gooey merging trail effect
Adjustable hole size and trail density
Custom reveal speed and gooeyness
Custom cursor size
Responsive mobile breakpoint
Fully Customizable
Everything is controlled directly through Framer's property panel, including the image, cover color, reveal behavior, liquid effect, cursor, and responsive settings.
Customize
Background image
Cover color
Hole size
Trail density
Close speed
Gooeyness
Cursor size
Mobile breakpoint
How It Works
Move across the component to create a trail of liquid blobs. Each blob opens and gradually melts away, creating a continuous reveal effect that closes naturally when you stop moving.
