motion-kit

Springs, easings and transitions as numbers. Zero dependencies, one file, no build step. The vocabulary is ported from lobe-mygo pkg/motion.

Transition presets

Click a card. Each runs the real preset through M.apply().

Stagger

M.stagger(6, {each: 60}) — delays for a list.

Spring playground

A spring asked for by settle time: M.smooth(300) becomes stiffness and damping.

Easing curves

namecubic-bezierat 0.25at 0.5at 0.75