Skip to content

component

Ripple Card

By Thanh Tran

Details

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.

Introduction

Fluid ripple & wake effects on hover

Rank history

Daily rank per list, from the first snapshot — lower is better.

12001400147568/148/228/309/79/15
  • All · #4756