Animations

Electric Logo

Any logo drawn in currentColor, an SVG or text, charged with electricity: its edges crackle over a soft glow.
import { ElectricLogo } from "pleate/effects/electric-logo";

SVG and text

pleate

Props

color

Logo color, applied as currentColor.

stringdefault var(--pl-accent)

chaos

Displacement in px.

numberdefault 5

speed

Crackle rate; 0 holds still.

numberdefault 1

glow

Glow blur in px; 0 turns it off.

numberdefault 14

Accessibility

  • The glow copy is hidden from assistive tech, so the logo is read once. Give an SVG logo an aria-label.
  • Reduced motion keeps it still.