Token Catalog

Measure motion in a video

Import a video, or explore the example below.

Example project

Carousel cards with one card changing width

Carousel press

Inspect a card’s measured width change and compare it with an MD3 motion curve.

Recent projects

Projects autosave in this browser. Save a project file to keep a portable copy.

    • ⅛×
    • ¼×
    • ½×
    • 1×
    • 2×
    • 4×

    Drag the ruler to scrub frame by frame. Drag playback handles to limit playback. Drag a clip to move it. Drag range handles to choose which frames to track.

    Displacement

    Click a sample to inspect its frame. Enable Pan plot to move the chart.

    Replace a video?

    This project already contains two videos. Choose which one to replace.

    Export

    • Video A
    • Video B
    • Annotated video
    • Chart SVG
    • Tracking JSON
    • Measurements CSV