Lazy-uiLazy UI
Star0

Liquid Reveal

A WebGL fluid sim — cursor leaves a dye trail that uncovers a second image through the first, with idle auto-drift.

Customize

Cursor size200px
Mouse force60
Resolution0.50x
Viscosity42
Reveal strength1.00
Reveal softness0.85
Auto speed0.50
Auto demo

Usage

import { LiquidReveal } from "@/components/lazy-ui/liquid-reveal";

<LiquidReveal
  cursorSize={200}
  mouseForce={60}
  resolution={0.5}
  viscous={42}
  revealStrength={1}
  revealSoftness={0.85}
  autoSpeed={0.5}
  autoDemo={true}
/>