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.