pleate.uiEffects
Interactive

Pixel Card

A card that fills with shimmering pixels from the center outward when hovered or focused, and drains on leave.
import { PixelCard } from "pleate/effects/pixel-card";

Default and warm

Hover me

Warm

Props

gap

Pixel spacing (px).

numberdefault 6

speed

Wave speed, 0 to 1.

numberdefault 0.4

colors

Pixel colors.

string[]default accent tones

Accessibility

  • The canvas is aria-hidden; focus triggers it too.
  • Reduced motion shows no pixels.