Liquid Ether
OfficialA mesmerizing fluid simulation effect powered by WebGL and Three.js. Creates interactive liquid-like motion that responds to mouse movement with realistic physics.
One-time purchase$1
Lifetime updates · Secure Stripe checkout
Profluidwebglthree.jsanimationinteractivephysics0 downloadsOonkooUI Team
Installation
Run the following command:
npx oonkoo add liquid-etherUsage
Copy and paste the following code to use this component:
import LiquidEther from "@/components/oonkoo/liquid-ether";
<div className="relative h-[600px] w-full">
<LiquidEther autoDemo autoSpeed={0.5} mouseForce={20} cursorSize={100} />
</div>