---
title: "Aquatic Lens — Free Framer component · Best of Framer"
description: "Free Framer component · by Dhileep Kumar · Effects. Aquatic Lens brings your images to life with a mesmerizing, interactive water distortion effect."
canonical: "https://framer.elliotli.dev/component/aquaticlens"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Aquatic Lens

# Aquatic Lens

Lens

[View on Framer](https://framer.com/marketplace/components/aquaticlens/?via=elliot-li)

![Aquatic Lens preview image 1](https://framer.elliotli.dev/og/component/aquaticlens/7cebc7c4cfd13fca/1600x1200.jpg)

## Summary

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

## Description

![](https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/components/description-image-ppbz549e-sEpuDYLCtBzj57s9iUCiirJwhvqKSn)

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

## Rank history [How rankings work →](/terms#rankings)

-   All · #5399

## Details

- **Author**: Dhileep Kumar
- **Published**: 2026-01-21
- **Updated**: 2026-01-23
- **Added**: 2025-12-26
- **Categories**: Effects

## More like this

-   [Liquid Glass Loupe](/component/liquid-glass-loupe) — Aisol Studio · $12 — Liquid glass lens over content
-   [Sticky Scenes](/component/sticky-scenes) — Sofía Martín · $5 — Scroll-driven stories with sticky
-   [Studio ASCII Reveal](/component/studio-ascii-reveal) — Tanmay Kaper · $12 — Your portrait, redrawn in ASCII
-   [Kinetic Sprout](/component/kinetic-sprout) — Buster Studios · $19 — A headline that grows