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

13 of 105 sites Clear all

3 sites open in full.

Try 3 free references

Unlock all with Pro →

David AI: Native scroll, pinned, scrubbed

Native scroll, pinned, scrubbed

David AI

+6

Aether Studio: Smooth scroll · lerp 0.146 · 95 % caught up in 340 ms

Smooth scroll · lerp 0.146 · 95 % caught up in 340 ms

Aether Studio

+6

Archi-malin studio: pinned

pinned

Archi-malin studio

+4

Nicolas Bussière: easeOutQuad · 420 ms

easeOutQuad · 420 ms

Nicolas Bussière

+4

Park's Best: ease · 1.26 s

ease · 1.26 s

Park's Best

+6

David Pfluger: pinned

pinned

David Pfluger

+4

Meech213: The wheel brings tilted photo and film cards through a 3D space…

The wheel brings tilted photo and film cards through a 3D space…

Meech213

+6

LOVE WANT: ease · 460 ms

ease · 460 ms

LOVE WANT

+4

Gregor Collienne: Native scroll

Native scroll

Gregor Collienne

+5

ease-out · 430 ms

Squarespace Foundations

+4

Creative Reference Library: The letters "C R L" start small and far apart, then grow into giant…

The letters "C R L" start small and far apart, then grow into giant…

Creative Reference Library

+5

Lessons of Design: Readymag's own scroll moves a long single page

Readymag's own scroll moves a long single page

Lessons of Design

+4

Antimetal: Native scroll · cubic-bezier(0.22, 1, 0.36, 1) · 700 ms

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

Antimetal

+5