---
title: "Liquid Glass Ripple — Framer component · Best of Framer"
description: "$10.00 · Framer component · by Lucas · Effects. Liquid glass that bends your title"
canonical: "https://framer.elliotli.dev/component/liquid-glass-ripple"
---

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

# Liquid Glass Ripple

Liquid glass that bends your title

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

![Liquid Glass Ripple preview image 1](https://framer.elliotli.dev/og/component/liquid-glass-ripple/089f279c4984adb6/1600x933.jpg)

## Summary

Liquid glass that bends your title

## Description

A real water simulation over a deep purple-and-blue liquid glass gradient. Move the cursor and it leaves a continuous wake of soft ripples; click and a large glass ring spreads out. The physics is a genuine two-buffer height field — waves propagate, interfere and settle like water, not a looped animation.

Drop in your hero title and the water bends it: the text is rendered under the surface, so every wave that crosses it makes the letters sway like a reflection. Font, size and colour are fully adjustable, and "Refraction" controls how strongly the water distorts what lies beneath.

Four dark liquid-glass palettes (Violet dusk, Deep blue, Aurora, Ink) plus full custom colours. You can also replace the gradient with your own image — the water refracts it the same way. Optional rain keeps the surface alive without a cursor.

Canvas and requestAnimationFrame, no dependencies, nothing loaded from outside. Honours prefers-reduced-motion, and shows a calm frame on the Framer canvas.

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

-   All · #8506

## Details

- **Author**: Lucas
- **Price**: $10.00
- **Published**: 2026-08-13
- **Updated**: 2026-08-13
- **Added**: 2026-08-13
- **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