Playground · MotionPR's comparison engine in your browser
Change the motion. Read the verdict.
Adjust duration, easing, delay and stagger. The playground builds an animation record for each version and grades the pair with compareMatchedAnimation and compareStagger from @motionpr/comparison, using MotionPR's default thresholds. A real capture also samples computed styles from the browser and renders frames.
Easing laboratory
Scroll laboratory
A real Lenis instance inside the frame below. Scroll it with the wheel or trackpad, change lerp, and MotionPR's scrollMetrics measures each movement the way it measures a recorded one.