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

25 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

The Start: Smooth scroll · lerp 0.176 · 95 % caught up in 280 ms

Smooth scroll · lerp 0.176 · 95 % caught up in 280 ms

The Start

+5

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

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

Olha Lazarieva

+6

Monologue: Native scroll, pinned

Native scroll, pinned

Monologue

+5

FUTURE THREE: ease-out · 250 ms

ease-out · 250 ms

FUTURE THREE

+6

Connected Earth: Native scroll, pinned

Native scroll, pinned

Connected Earth

+6

Integrated Biosciences: Smooth scroll · lerp 0.097 · 95 % caught up in 520 ms

Smooth scroll · lerp 0.097 · 95 % caught up in 520 ms

Integrated Biosciences

+7

Sunday: Native scroll

Native scroll

Sunday

+7

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

Rune: Smooth scroll · lerp 0.106 · 95 % caught up in 470 ms

Smooth scroll · lerp 0.106 · 95 % caught up in 470 ms

Rune

+4

Brethren Design Co: Native scroll, pinned

Native scroll, pinned

Brethren Design Co

+6

Flexion: easeOutQuint · 1.37 s

easeOutQuint · 1.37 s

Flexion

+5

ShopiFrame: Native scroll, pinned, parallax about 1.2×

Native scroll, pinned, parallax about 1.2×

ShopiFrame

+5

Designers and Machines: No loader

No loader

Designers and Machines

+4

USAvionix: Lenis smooth scroll

Lenis smooth scroll

USAvionix

+6

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

Feather: ease-out · 1.5 s

ease-out · 1.5 s

Feather

+4

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

Forge Automotive: The gate holds until "ENTER" is pressed

The gate holds until "ENTER" is pressed

Forge Automotive

+4

Control: Native scroll, pinned

Native scroll, pinned

Control

+4

Studio Freight: The grid is in place

The grid is in place

Studio Freight

+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

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

incredibles: Lenis smooth scroll · cubic-bezier(0.19, 1, 0.22, 1) · 600 ms

Lenis smooth scroll · cubic-bezier(0.19, 1, 0.22, 1) · 600 ms

incredibles

+4