---
title: "Water Wave Shader — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Ali Çorak · Effects. Simulate a realistic water surface"
canonical: "https://framer.elliotli.dev/component/water-wave-shader"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Water Wave Shader

# Water Wave Shader

Simulate a realistic water surface

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

![Water Wave Shader preview image 1](https://framer.elliotli.dev/og/component/water-wave-shader/9260bc0012f56687/1600x1200.jpg)

## Summary

Simulate a realistic water surface

## Description

**Unlock entire Depth library for $149. One price. Lifetime.**

[**Get Depth**](https://depth.website/#all-access)

**\--------------------------------------------------------**

Simulate a realistic water surface over any image — animated caustic light patterns, natural ripples, and refraction that make flat images feel like they're sitting under moving water. Works as a live animated filter or as a standalone animated texture.

**Features**

-   Real caustic simulation — recursive fractal noise drives natural, non-repeating caustic light patterns
    
-   Dual-layer distortion — combine primary caustics with a second distortion layer for extra depth
    
-   Independent wave noise — add simplex-noise-based ripples separate from the caustic pattern
    
-   Animated by default — fully time-based motion with adjustable speed, or freeze it as a static texture
    
-   Edge-aware distortion — control how strongly the caustic effect bends near image edges
    
-   Built in Paper style, running on a lightweight, zero-dependency shader engine for smooth performance
    

**Controls**

-   Image
    
-   Background Color
    
-   Highlight Color
    
-   Highlights
    
-   Layering
    
-   Edges
    
-   Waves
    
-   Caustic
    
-   Size
    
-   Speed
    
-   Scale / Rotation / Offset
    

**How to use**

1.  Add the Water component onto your canvas
    
2.  Upload an image to distort, or leave it empty to use as a standalone animated water texture
    
3.  Adjust Caustic and Layering to set how strong the light-refraction pattern looks
    
4.  Add Waves for extra organic movement independent of the caustics
    
5.  Set Speed to control animation pace, or set it to 0 to freeze on a single frame
    

Shader powered by Paper Shaders.

**Refund Policy:**

Due to the nature of digital products, all sales are final. Once purchased, this component is non-refundable. Please make sure it fits your needs before completing the checkout.

Support: [hi@alicorak.com](mailto:hi@alicorak.com)

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

-   All · #3498

## Details

- **Author**: Ali Çorak
- **Price**: $5.00
- **Published**: 2026-07-03
- **Updated**: 2026-08-16
- **Added**: 2026-07-03
- **Categories**: Effects

## More like this

-   [Particle Image](/component/particle-image) — Jamik · $12 — Logos and photos as 3D points
-   [Ascii Portrait](/component/ascii-portrait) — The Black Sheep · Free — Photos that dissolve into ASCII
-   [Sandfall](/component/sandfall) — Cyedi Creative Studio · $5 — Your headline, buried in coloured
-   [Still Water](/component/still-water) — DariStudio · $9 — Water ripples over any photo