Liquid Hover Reveal

Live Preview Grab more components for free Liquid Hover Reveal turns any image into an interactive liquid reveal.

Live Preview Grab more components for free 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.

Gooey cursor-driven image reveal