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

26 of 105 sites Clear all

3 sites open in full.

Try 3 free references

Unlock all with Pro →

Fox+Creator: ease-out · 300 ms

ease-out · 300 ms

Fox+Creator

+5

Büro: Lenis smooth scroll, settles in about 0.7 s, pinned, parallax about 0.2× · ease-out

Lenis smooth scroll, settles in about 0.7 s, pinned, parallax about 0.2× · ease-out

Büro

+6

Poch Studio: Native scroll, parallax 0.47× · linear

Native scroll, parallax 0.47× · linear

Poch Studio

+5

Fantasy: ease-out · 240 ms · 33 ms stagger

ease-out · 240 ms · 33 ms stagger

Fantasy

+6

Dirt: Smooth scroll · lerp 0.116 · 95 % caught up in 430 ms

Smooth scroll · lerp 0.116 · 95 % caught up in 430 ms

Dirt

+7

Spacer: ease · 1.32 s

ease · 1.32 s

Spacer

+4

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

Artone Studio: easeOutExpo · 850 ms

easeOutExpo · 850 ms

Artone Studio

+4

Imprint: Native scroll, pinned

Native scroll, pinned

Imprint

+8

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

Nicolas Bussière: easeOutQuad · 420 ms

easeOutQuad · 420 ms

Nicolas Bussière

+4

David Pfluger: pinned

pinned

David Pfluger

+4

Media.Work: ease-out · 670 ms

ease-out · 670 ms

Media.Work

+5

Refero: Native scroll, pinned

Native scroll, pinned

Refero

+5

Designers and Machines: No loader

No loader

Designers and Machines

+4

Léo Parpeix: cubic-bezier(0.49, 0.38, 0.04, 0.63) · 600 ms

cubic-bezier(0.49, 0.38, 0.04, 0.63) · 600 ms

Léo Parpeix

+4

Nicolás Martins: Native scroll · 3 s

Native scroll · 3 s

Nicolás Martins

+4

LOVE WANT: ease · 460 ms

ease · 460 ms

LOVE WANT

+4

Gregor Collienne: Native scroll

Native scroll

Gregor Collienne

+5

AND2ES: The wheel moves the coverflow

The wheel moves the coverflow

AND2ES

+4

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

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

Akufen

+4

Millemann Wines: Lenis smooth scroll

Lenis smooth scroll

Millemann Wines

+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

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

The gate holds until "ENTER" is pressed

Forge Automotive

+4

Kalok Yeung: The sidebar and the first preview are in place

The sidebar and the first preview are in place

Kalok Yeung

+4

Cipher: The wheel turns the ring

The wheel turns the ring

Cipher

+4