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

14 of 105 sites Clear all

3 sites open in full.

Try 3 free references

Unlock all with Pro →

TypeSafe AI: Native scroll

Native scroll

TypeSafe AI

+6

Anything: Native scroll, pinned, parallax 1.6×

Native scroll, pinned, parallax 1.6×

Anything

+7

Paperclip: easeOutQuint · 1.11 s

easeOutQuint · 1.11 s

Paperclip

+6

David AI: Native scroll, pinned, scrubbed

Native scroll, pinned, scrubbed

David AI

+6

Liquid Orb: linear · 800 ms

linear · 800 ms

Liquid Orb

+4

Fourmula: Native scroll, pinned, scrubbed, parallax 1.2× · 0.35–0.95 s · 100 ms stagger

Native scroll, pinned, scrubbed, parallax 1.2× · 0.35–0.95 s · 100 ms stagger

Fourmula

+5

Stacker: Native scroll, parallax 1.4× · ease-in-out · 500 ms

Native scroll, parallax 1.4× · ease-in-out · 500 ms

Stacker

+5

The Playa: Lenis smooth scroll, parallax 1.3×

Lenis smooth scroll, parallax 1.3×

The Playa

+4

Refero: Native scroll, pinned

Native scroll, pinned

Refero

+5

ShopiFrame: Native scroll, pinned, parallax about 1.2×

Native scroll, pinned, parallax about 1.2×

ShopiFrame

+5

Nous Research: Smooth scroll · lerp 0.09 · 95 % caught up in 560 ms

Smooth scroll · lerp 0.09 · 95 % caught up in 560 ms

Nous Research

+5

Heron AI: Lenis smooth scroll · 5 s

Lenis smooth scroll · 5 s

Heron AI

+4

illoca: ease-in-out · 500 ms

ease-in-out · 500 ms

illoca

+5

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