Liquid Cursor Reveal
A Framer image reveal that follows the pointer with a stretching liquid mask, uncovering a second image beneath a glass-like cursor.
About Liquid Cursor Reveal
Liquid Cursor Reveal gives a single image space for a second view. Its elliptical mask stretches with pointer velocity while the base and revealed layers drift with parallax.
A cursor ring, crosshair and label frame the interaction, and an optional colored rim adds emphasis. Property controls expose the brush size and image fitting, allowing the same pairing to work in different frames.
Component details
Pairs a default image with a second image revealed through an interactive mask.
The mask follows cursor movement and changes shape with velocity; both image layers support parallax drift.
Optional rim glow and Cover or Contain image-fit modes are available.
Brush size, image zoom, rim color, fit mode and cursor presentation are configurable.
The publisher documents touch dragging and desktop, tablet and phone breakpoints, including per-breakpoint fitting.
Drop the component into a Framer frame, upload Default Image and Hover Image, then adjust the property controls.
Related components
View all
Built something worth finding?
Submit a site, template, component or tool built with any stack. We will add it to the atlas.