Aquatic Lens

Aquatic Lens brings your images to life with a mesmerizing, interactive water distortion effect.

Aquatic Lens brings your images to life with a mesmerizing, interactive water distortion effect. Powered by Three.js and WebGL, this component simulates realistic caustic lighting and fluid motion that reacts to your mouse cursor.

Key Features:

- Interactive Ripples: The water surface reacts dynamically to mouse movement.

- Realistic Caustics: Simulates the way light refracts through water for a natural look.

- Fully Customizable: Adjust the wave intensity, animation speed, and chromatic aberration (RGB split) directly from the Framer properties panel.

- Responsive: Automatically adapts to any container size using advanced resize observers.

- Performance Optimized: Uses `startTransition` and efficient resource loading to ensure your site remains fast.

Perfect for hero sections, creative portfolios, or any element that needs a splash of immersive depth..