MOTIONSTASH
Join waitlist

Primitives

Components
3
Documented props
11
Total runtime
24s
Licence
MIT · free

Primitives are the building blocks the other components are made of, exposed on purpose: a set of animate-in presets, a stagger distribution demo, an idle-loop library, and a path-follow that moves anything along an SVG path.

Reach for a primitive when you are composing something the registry does not have. They are also the fastest way to read the timing grammar: each one visualises a single mechanism, whether an entrance curve, a delay distribution, a loop or a path, with nothing else in the frame.

All Primitives components

Animate In Presets. Six entrance presets on six otherwise identical tiles, replayed so they can be compared directly rather than remembered

Animate In Presets

Primitives

Six entrance presets on six otherwise identical tiles, replayed so they can be compared directly rather than remembered

Path Follow. A marker travels an SVG route, banking into curves because its rotation comes from the path tangent rather than a separate animation

Path Follow

Primitives

A marker travels an SVG route, banking into curves because its rotation comes from the path tangent rather than a separate animation

Stagger Distributions. Three delay distributions across one shared span, so linear, from-centre and eased staggers can be compared directly

Stagger Distributions

Primitives

Three delay distributions across one shared span, so linear, from-centre and eased staggers can be compared directly