</> MotionCode
FREE
Back to home

MotionCode animation converter

Input
Drop animation hereMP4 / WebM / MOV / GIF
Frame count
1 free analyses remaining today
Upload a file to enable analysis
Idle

Upload motion to begin

The visualizer will map frames, vectors, curves, code lanes, and audits.

Frame samplingDecode media into comparable moments.
0%0/6 phases
Standing by

Frame sampling

8 frames
01
02
03
04
05
06
07
08

Vector solve

queued
0123
Easing curve solverqueued

Compiler lanes

queued
CSS
GSAP
Motion
Spring

Perf / a11y

queued
Perf meter12%
A11y meter12%
01FramesDecode media into comparable moments.queued
02VectorsResolve movement vectors and anchor points.queued
03EasingFit timing data to a reusable curve.queued
04Code lanesPrepare CSS, GSAP, Motion, and Spring lanes.queued
05Perf auditCheck transform, opacity, and paint cost.queued
06A11y auditVerify reduced motion and timing tolerance.queued
Active stepUpload animation media to start frame sampling.
Cmd+Enter analyze / 1-4 switch tabs / Cmd+K upload