Interactive

Spotlight Card

A card with a soft light that follows the pointer.
import { SpotlightCard } from "pleate/effects/spotlight-card";

Two cards

Instant sync

Changes reach every device in under a second.

Custom color

Any CSS color, any radius.

Props

spotlightColor

Light color.

stringdefault accent at 22%

size

Light radius (px).

numberdefault 360

Accessibility

  • The light is decorative.
  • Touch and reduced motion get the plain card.