Liquid Mouse Reveal

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

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

🛠 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.