Liquid Mouse Reveal
Interactive liquid cursor effect that reveals images. Features smooth physics, custom lag controls, and high-performance canvas rendering.
Made with Workshop
Build your own component with AI
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:
Drag the component onto your canvas.
Upload your "Top Image" (Base) and "Hidden Image" (Reveal)
Adjust the Movement Lag property to dial in the weight of the cursor.
Resize to fill your viewport or container.
