MOTIONSTASH
Sign up
All components

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

Download preview768×432 preview render — the full-resolution file comes from running the component
8 seconds
Format
Path Follow — A marker travels an SVG route, banking into curves because its rotation comes from the path tangent rather than a separate animation

This is the format it was composed for. Switch above to see it lay itself out for another — same animation, re-arranged for the frame.

primitivepathtangentrouteevolvepath
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

No Tailwind, no CSS, no asset files. Inline styles only.

Source

Filesrc/registry/items/path-follow.tsx
Frame1920×1080
Duration240f · 8s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

An element travelling along a curving SVG path with correct auto-rotation from the tangent, drawing the route as it goes, leaving a fading trail, with waypoints that light up as it passes them.

Similar 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

16:9 · 8s

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

16:9 · 8s

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

Stagger Distributions

16:9 · 8s