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

9 of 105 sites Clear all

3 sites open in full.

Try 3 free references

Unlock all with Pro →

Paperclip: easeOutQuint · 1.11 s

easeOutQuint · 1.11 s

Paperclip

+6

Monolog: Smooth scroll · lerp 0.057 · 95 % caught up in 870 ms

Smooth scroll · lerp 0.057 · 95 % caught up in 870 ms

Monolog

+6

Funkhaus: Smooth scroll · lerp 0.07 · 95 % caught up in 710 ms

Smooth scroll · lerp 0.07 · 95 % caught up in 710 ms

Funkhaus

+7

Pipe: The page scrolls inside an inner container (window scroll stays 0)

The page scrolls inside an inner container (window scroll stays 0)

Pipe

+5

Naya Studio Dubai: easeOutCubic · 1.11 s

easeOutCubic · 1.11 s

Naya Studio Dubai

+6

Raycast: Native scroll, pinned · 1.1 s

Native scroll, pinned · 1.1 s

Raycast

+5

Scheme Engine: ease-out · 450 ms

ease-out · 450 ms

Scheme Engine

+5

Velour Productions: Native scroll · cubic-bezier(0.22, 1, 0.36, 1) · 800 ms

Native scroll · cubic-bezier(0.22, 1, 0.36, 1) · 800 ms

Velour Productions

+4

typo.love: The wheel zooms the 3D space, a drag orbits it and space + drag pans it

The wheel zooms the 3D space, a drag orbits it and space + drag pans it

typo.love

+4