Liquid Cursor Reveal turns any image into an interactive, editorial-grade
reveal moment. As the cursor moves, a magnetic elliptical mask stretches
and follows in real time, unveiling a second image beneath a soft blur —
finished with a glassmorphism cursor ring and an optional gold rim glow.
FEATURES
— Magnetic liquid mask that stretches with cursor velocity
— Glassmorphism cursor with precision crosshair and label text
— Optional gold rim glow, fully color-customizable
— Adjustable image zoom and Cover/Contain fit (per-breakpoint override)
— Smooth parallax drift on the base and reveal layers
— Touch-optimized: accurate drag position, no page-scroll conflict
— Fully responsive across desktop, tablet, and phone breakpoints
BEST FOR
Portfolios, real estate and architecture showcases, product detail shots,
and editorial storytelling where a single image needs to say two things.
HOW TO USE
Drop the component into any frame, upload a Default Image and a Hover
Image, then tune brush size, zoom, rim color, and fit mode from the
property panel — no code editing required.
Liquid Cursor Reveal turns any image into an interactive, editorial-grade
reveal moment. As the cursor moves, a magnetic elliptical mask stretches
and follows in real time, unveiling a second image beneath a soft blur —
finished with a glassmorphism cursor ring and an optional gold rim glow.
FEATURES
— Magnetic liquid mask that stretches with cursor velocity
— Glassmorphism cursor with precision crosshair and label text
— Optional gold rim glow, fully color-customizable
— Adjustable image zoom and Cover/Contain fit (per-breakpoint override)
— Smooth parallax drift on the base and reveal layers
— Touch-optimized: accurate drag position, no page-scroll conflict
— Fully responsive across desktop, tablet, and phone breakpoints
BEST FOR
Portfolios, real estate and architecture showcases, product detail shots,
and editorial storytelling where a single image needs to say two things.
HOW TO USE
Drop the component into any frame, upload a Default Image and a Hover
Image, then tune brush size, zoom, rim color, and fit mode from the
property panel — no code editing required.
