AquaticLens
A high-performance, interactive water distortion effect for Framer. Adds realistic caustic ripples and chromatic aberration to any image.
About this Component
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..
