@animaly/dom

Animate the DOM with animaly: springs, tweens, keyframes, inertia and timelines, computed in typed arrays and written once per element per frame.

pnpm add @animaly/dom

import { animate, stagger } from "@animaly/dom";

animate(".card", { x: 120, opacity: 1 }, { type: "spring", stiffness: 300, damping: 20 });

animate(".dot", { scale: [1, 1.4, 1] }, { duration: 0.6, delay: stagger(0.05, { from: "center" }) });

animate(".box", { rotate: 360 }, { type: "inertia", velocity: 800 });

Calls return playback controls (time, speed, pause, play, stop, finished). Transforms, any CSS property, colors, CSS variables, SVG attributes and path drawing are supported, as are motion values, plain numbers and objects.

Pre-release: the API can still change. MIT licensed.