---
title: "Ripple Card — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Thanh Tran · Cards. Ripple Card transforms simple image cards into fluid, interactive surfaces that react to every cursor movement."
canonical: "https://framer.elliotli.dev/component/ripple-card"
---

[Home](/)/[Components](/components)/[Cards](/components/category/cards)/Ripple Card

# Ripple Card

Fluid ripple & wake effects on hover

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

![Ripple Card preview image 1](https://framer.elliotli.dev/og/component/ripple-card/5ba4d8d3e9607798/1600x1200.jpg)

## Summary

Ripple Card transforms simple image cards into fluid, interactive surfaces that react to every cursor movement.

## Description

**Ripple Card** transforms simple image cards into fluid, interactive surfaces that react to every cursor movement. Ripples spread, waves bend, and a dynamic wake trails behind—just like dragging through water.

It’s smooth, responsive, and surprisingly satisfying to play with.

Built with WebGL for high performance, this component gives you full control over distortion, motion, and intensity—so you can go from subtle elegance to bold, experimental visuals in seconds.

Perfect for designers who want something _different_ without sacrificing usability.

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

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

-   All · #5905

## Details

- **Author**: Thanh Tran
- **Price**: $5.00
- **Published**: 2026-05-30
- **Updated**: 2026-05-30
- **Added**: 2026-05-19
- **Categories**: Cards

## More like this

-   [Particle Team Cards](/component/particle-team-cards) — Frame Native · Free — Portraits that move as particles
-   [Card Swap](/component/card-swap) — Antoine Lacombled · $9 — A 3D card stack you can fling
-   [Overlay Reveal Card](/component/overlay-reveal-card) — Pentaclay · Free — Project Card With Hover Overlay
-   [Deckshift](/component/deckshift) — BeyondPixel · $15 — Interactive Stacked Focus Cards