MOTIONSTASH
Sign up

Primitives

Components
4
Documented props
14
Total runtime
32s
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 — an entrance curve, a delay distribution, a loop, 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

Idle Loops — Float, pulse, breathe and wobble at deliberately tiny amplitudes, each closing its loop exactly because the cycle count is an integer

Idle Loops

Primitives

Float, pulse, breathe and wobble at deliberately tiny amplitudes, each closing its loop exactly because the cycle count is an integer

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