Animations

Meta Balls

Liquid blobs drift, merge and split. One more blob follows the pointer and melts into the rest.
import { MetaBalls } from "pleate/effects/meta-balls";

Blobs

Move the pointer in

Props

color

Blob color.

stringdefault accent

count

Drifting blobs, 1 to 12.

numberdefault 7

size

Blob radius relative to the height.

numberdefault 0.09

followPointer

Add a blob on the pointer.

booleandefault true

speed

Playback speed.

numberdefault 1

Accessibility

  • Decorative canvas (aria-hidden).
  • Reduced motion shows one still frame.