Skip to content

Motion, measured.

Explore 105 sites ↓

Fox+Creator

Wise

The Start

Olha Lazarieva

Swipe to explore

Behind the motion

Motion, measured

Real sites, frame-stepped 30 fps clips of their signature motion, and the spec behind each effect: curve, duration, stagger and scroll mapping.

Sites: 105
Specs: 480
Measured: 96
At 30 fps: 97

12 of 105 sites Clear all

3 sites open in full.

Try 3 free references

Unlock all with Pro →

FUTURE THREE: ease-out · 250 ms

ease-out · 250 ms

FUTURE THREE

+6

Sunday: Native scroll

Native scroll

Sunday

+7

Bevel: Smooth scroll · lerp 0.1 · 95 % caught up in 500 ms

Smooth scroll · lerp 0.1 · 95 % caught up in 500 ms

Bevel

+8

Apple iMac: Native scroll, scrubbed · 600–750 ms

Native scroll, scrubbed · 600–750 ms

Apple iMac

+4

Tiempo: cubic-bezier(0, 0.3, 0.12, 0.27) · 200 ms

cubic-bezier(0, 0.3, 0.12, 0.27) · 200 ms

Tiempo

+5

Imprint: Native scroll, pinned

Native scroll, pinned

Imprint

+8

ON Energy: Smooth scroll · lerp 0.085 · 95 % caught up in 580 ms

Smooth scroll · lerp 0.085 · 95 % caught up in 580 ms

ON Energy

+6

Media.Work: ease-out · 670 ms

ease-out · 670 ms

Media.Work

+5

ShopiFrame: Native scroll, pinned, parallax about 1.2×

Native scroll, pinned, parallax about 1.2×

ShopiFrame

+5

Midlife Engineering: Smooth scroll · lerp 0.287 · 95 % caught up in 170 ms

Smooth scroll · lerp 0.287 · 95 % caught up in 170 ms

Midlife Engineering

+4

USAvionix: Lenis smooth scroll

Lenis smooth scroll

USAvionix

+6

teenage engineering: Native scroll

Native scroll

teenage engineering

+4