---
title: "Ripple — Free Framer component · Best of Framer"
description: "Free Framer component · by Harsh Works · Effects. Bring your images to life with realistic water ripple effects right in Framer."
canonical: "https://framer.elliotli.dev/component/ripple"
---

[Home](/)/[Components](/components)/[Effects](/components/category/effects)/Ripple

# Ripple

Realistic Water Ripple for Images

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

![Ripple preview image 1](https://framer.elliotli.dev/og/component/ripple/148b804c1f1fcfb9/1600x1200.jpg)

## Summary

Bring your images to life with realistic water ripple effects right in Framer.

## Description

Bring your images to life with realistic water ripple effects right in Framer. This WebGL-powered component adds engaging, interactive ripples over any background image—perfect for creating immersive hero sections, attention-grabbing headers, or dynamic photo galleries.

**Features**

-   Adjustable ripple intensity, count, size, and interval
    
-   Interactive ripples on hover or click
    
-   Fully responsive—fills any container
    
-   Connects seamlessly to your CMS-sourced images
    
-   Cleanup-safe: destroys previous instances on update or unmount
    
-   Expose all settings to Framer’s Property Controls for live tweaking
    

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

-   All · #523

## Details

- **Author**: Harsh Works
- **Published**: 2025-08-01
- **Updated**: 2026-03-21
- **Added**: 2025-08-01
- **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