Interactive

Reflective Card

A brushed metal ID card: a light band sweeps across as it tilts, and the reflected room shifts the other way. Optionally reflects a looping video.
import { ReflectiveCard } from "pleate/effects/reflective-card";

Silver and graphite

ACCESS CARD

Ada Moretti

ID 0042 7781 3390

ACCESS CARD

Ada Moretti

ID 0042 7781 3390

Props

metal

Metal tone.

"silver" | "graphite" | "gold"default "silver"

reflection

Muted looping video URL to reflect.

string

maxTilt

Tilt (deg).

numberdefault 12

Accessibility

  • Reflection layers are aria-hidden.
  • Reduced motion keeps it still and does not autoplay the video.