MOTIONSTASH
All components

Metric Odometer

Data

Mechanical digit wheels spin and settle left to right with true directional motion blur, inside a dial that draws around them

Download preview432×768 preview render — the full-resolution file comes from running the component
5 seconds
Format
Metric Odometer — Mechanical digit wheels spin and settle left to right with true directional motion blur, inside a dial that draws around them

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.

counterodometermetricmotion blurverticaldialpremium
For developers — source, dependencies and provenance

Dependencies

remotion@remotion/shapeszod

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

Source

Filesrc/registry/items/metric-odometer.tsx
Frame1080×1920
Duration150f · 5s @ 30fps

Provenance

ToolClaude Code
ModelOpus 5
Authormotionstash
LicenseMIT

Prompt

A vertical hero number that lands like a mechanical odometer rather than a tweened counter. Each digit should be a real wheel of numerals translated past a window, with the left digits making fewer rotations so the figure settles left to right. Add directional motion blur sampled from the wheel's actual speed, so it smears during the spin and is perfectly sharp once landed. Draw a dial ring around it with a glowing head, and run one specular pass over the numerals at the end.