Interactive

Decay Card

An image card that warps like wet paint as the pointer moves over it, then settles back to a clean image.
import { DecayCard } from "pleate/effects/decay-card";

Warp on move

Jellyfish in dark water

Drift

Move the pointer quickly across.

Props

src / alt

Image and its description.

string

width / height

Card size in px.

numberdefault 300 / 400

intensity

Strongest displacement in px.

numberdefault 70

children

Caption drawn over the image.

ReactNode

Accessibility

  • The image keeps its alt text; the filter is visual only.
  • Touch screens and reduced motion show the plain card.