---
title: "Liquid Mouse Reveal — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Rifqi Arkaan · Cursors. Bring your key visual to life with this high-performance Liquid Reveal effect."
canonical: "https://framer.elliotli.dev/component/liquid-mouse-reveal"
---

[Home](/)/[Components](/components)/[Cursors](/components/category/cursors)/Liquid Mouse Reveal

# Liquid Mouse Reveal

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

![Liquid Mouse Reveal preview image 1](https://framer.elliotli.dev/og/component/liquid-mouse-reveal/466fdce2f0f85ef8/1600x1200.jpg)

## Summary

Bring your key visual to life with this high-performance Liquid Reveal effect.

## Description

## Bring your key visual to life with this high-performance Liquid Reveal effect.

This component turns your cursor into a fluid brush that reveals a background image beneath a solid color or another image. Perfect for portfolios, creative agencies, and immersive landing pages

### ✨ Key Features:

-   **_Ultra-Smooth Physics:_** Includes a custom "Follow Lag" (Lerp) algorithm to create that premium, heavy-liquid feel.
    
-   **_Gooey Effect:_** Uses advanced SVG filters to create a realistic merging liquid animation.
    
-   **_High Performance:_** Built with HTML5 Canvas to ensure 60FPS animation without slowing down your site.
    

### Fully Customizable:

-   Adjust Blob Radius & Trail Length
    
-   Control Movement Smoothness (Fast vs. Heavy)
    
-   Toggle Liquid Distortion On/Off
    
-   Upload any Base Image and Reveal Image
    

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-hjutcmhu-mDeIEhIleQ4A23DQ0UXqg1VWuaqnJO)

### 🛠 How to Use:

1.  Drag the component onto your canvas.
    
2.  Upload your "Top Image" (Base) and "Hidden Image" (Reveal)
    
3.  Adjust the Movement Lag property to dial in the weight of the cursor.
    
4.  Resize to fill your viewport or container.
    

### No coding required. Just drag, drop, and customize.

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

-   All · #8794

## Details

- **Author**: Rifqi Arkaan
- **Price**: $5.00
- **Published**: 2026-01-07
- **Updated**: 2026-01-15
- **Added**: 2025-12-20
- **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…