---
title: "Liquid Mask Cursor — Framer component · Best of Framer"
description: "$2.00 · Framer component · by shivanand pandey · Cursors. Liquid Mask Cursor turns any hero section into an interactive reveal."
canonical: "https://framer.elliotli.dev/component/liquid-mask-cursor"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Liquid Mask Cursor

# Liquid Mask Cursor

Liquid cursor that reveals images

[View on Framer](https://framer.com/marketplace/components/liquid-mask-cursor/?via=elliot-li)

![Liquid Mask Cursor preview image 1](https://framer.elliotli.dev/og/component/liquid-mask-cursor/b6434ddd42ac0a08/1600x1200.jpg)

## Summary

Liquid Mask Cursor turns any hero section into an interactive reveal.

## Description

Liquid Mask Cursor turns any hero section into an interactive reveal. A liquid blob follows the cursor and shows a second image through a glassy, refracting edge, leaving a smooth tapered trail behind it.

Features

Choose your own outer and inner images. Use two shots of the same scene for a magnifying-glass effect, or two different images for a surprise reveal.

Fine-tune the look with 16 controls: size, distortion, noise scale, animation speed, edge blur, refraction, parallax, cursor smoothness, trail length, persistence and taper, idle delay, fade in and fade out, background colour, and an editor preview toggle.

The blob fades away when the cursor stops or leaves, and comes back the moment it moves.

Text and buttons can sit on top of the effect without breaking it.

It's built on WebGL for smooth 60fps motion, and pauses automatically when scrolled out of view.

How to use

Paste the component onto your Framer canvas and set its width and height to fill your section. Add your outer and inner images in the properties panel, and you're done.

## Rank history [How rankings work →](/terms#rankings)

-   All · #971

## Details

- **Author**: shivanand pandey
- **Price**: $2.00
- **Published**: 2026-09-16
- **Updated**: 2026-09-19
- **Added**: 2026-09-16
- **Categories**: Cursors

## More like this

-   [Ribbon Hero](/component/ribbon-hero) — Divyesh WebCraft · Free — 3D ribbon with smooth motion
-   [Spider Hunt](/component/spider-hunt) — Karim Saif · $6 — ٍpider that tracks your cursor
-   [Pixel Fluid](/component/pixel-fluid) — Jamik · $12 — Fluid cursor trail in pixels/ASCII
-   [CursorImageTrail](/component/cursorimagetrail) — princeee · $20 — Image Trail is a dynamic Framer component that creates an immersive hover experience by displaying a sequence of images that trail behind…