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

Lens