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 →

Fox+Creator: ease-out · 300 ms

ease-out · 300 ms

Fox+Creator

+5

Paperclip: easeOutQuint · 1.11 s

easeOutQuint · 1.11 s

Paperclip

+6

Poch Studio: Native scroll, parallax 0.47× · linear

Native scroll, parallax 0.47× · linear

Poch Studio

+5

Smooth scroll · lerp 0.141 · 95 % caught up in 350 ms

Brand Appart

+6

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

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

New Studio

+8

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

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

Stacker

+5

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

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

Bevel

+8

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

Refero: Native scroll, pinned

Native scroll, pinned

Refero

+5

The Design System Guide: Native scroll

Native scroll

The Design System Guide

+4

Raycast: Native scroll, pinned · 1.1 s

Native scroll, pinned · 1.1 s

Raycast

+5

Gregor Collienne: Native scroll

Native scroll

Gregor Collienne

+5

/nk 20 years inspired: The aurora glow and streaks drift continuously (WebGL, time-driven)

The aurora glow and streaks drift continuously (WebGL, time-driven)

/nk 20 years inspired

+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