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

79 of 105 sites Clear all

3 sites open in full.

Try 3 free references

Unlock all with Pro →

Wise: cubic-bezier(0, 0.21, 0.77, 0.97) · 190 ms

cubic-bezier(0, 0.21, 0.77, 0.97) · 190 ms

Wise

+6

TypeSafe AI: Native scroll

Native scroll

TypeSafe AI

+6

Jesper Landberg: poster

Jesper Landberg

+4

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

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

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

Prept: easeOutQuad · 330 ms

easeOutQuad · 330 ms

Prept

+4

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

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

WaxyWeb

+6

Dorian Lods: Smooth scroll · lerp 0.25 · 95 % caught up in 200 ms

Smooth scroll · lerp 0.25 · 95 % caught up in 200 ms

Dorian Lods

+4

Anything: Native scroll, pinned, parallax 1.6×

Native scroll, pinned, parallax 1.6×

Anything

+7

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

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

Charlie Osborne

+6

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

Monologue: Native scroll, pinned

Native scroll, pinned

Monologue

+5

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

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

Chipsa

+4

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

ease-out · 240 ms · 33 ms stagger

Fantasy

+6

FUTURE THREE: ease-out · 250 ms

ease-out · 250 ms

FUTURE THREE

+6

David AI: Native scroll, pinned, scrubbed

Native scroll, pinned, scrubbed

David AI

+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

Monolog: Smooth scroll · lerp 0.057 · 95 % caught up in 870 ms

Smooth scroll · lerp 0.057 · 95 % caught up in 870 ms

Monolog

+6

Beacon: Native scroll · ease-out · 200 ms

Native scroll · ease-out · 200 ms

Beacon

+4

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

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

Brand Appart

+6

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

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

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

MetaMask

+5

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

Sunday: Native scroll

Native scroll

Sunday

+7

Freshman: The home page is one viewport (scroll height = window height), so…

The home page is one viewport (scroll height = window height), so…

Freshman

+5

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

Zayla Monroe: Smooth scroll · lerp 0.23 · 95 % caught up in 220 ms

Smooth scroll · lerp 0.23 · 95 % caught up in 220 ms

Zayla Monroe

+4

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

Apple iMac: Native scroll, scrubbed · 600–750 ms

Native scroll, scrubbed · 600–750 ms

Apple iMac

+4

Artone Studio: easeOutExpo · 850 ms

easeOutExpo · 850 ms

Artone Studio

+4

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

Imprint: Native scroll, pinned

Native scroll, pinned

Imprint

+8

Funkhaus: Smooth scroll · lerp 0.07 · 95 % caught up in 710 ms

Smooth scroll · lerp 0.07 · 95 % caught up in 710 ms

Funkhaus

+7

Yellow Fellow: Native scroll

Native scroll

Yellow Fellow

+5

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

Archi-malin studio: pinned

pinned

Archi-malin studio

+4

Designjoy: ease · 200 ms

ease · 200 ms

Designjoy

+7

Naya Studio Dubai: easeOutCubic · 1.11 s

easeOutCubic · 1.11 s

Naya Studio Dubai

+6

Nicolas Bussière: easeOutQuad · 420 ms

easeOutQuad · 420 ms

Nicolas Bussière

+4

The Playa: Lenis smooth scroll, parallax 1.3×

Lenis smooth scroll, parallax 1.3×

The Playa

+4

NOON WORLD: Native scroll · linear

Native scroll · linear

NOON WORLD

+5

Park's Best: ease · 1.26 s

ease · 1.26 s

Park's Best

+6

Everyrate: Native scroll, pinned

Native scroll, pinned

Everyrate

+4

David Pfluger: pinned

pinned

David Pfluger

+4

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

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

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

RVYSION

+3

ON Energy: Smooth scroll · lerp 0.085 · 95 % caught up in 580 ms

Smooth scroll · lerp 0.085 · 95 % caught up in 580 ms

ON Energy

+6

Brethren Design Co: Native scroll, pinned

Native scroll, pinned

Brethren Design Co

+6

Elegant Seagulls: Lenis smooth scroll, scrubbed

Lenis smooth scroll, scrubbed

Elegant Seagulls

+6

Flexion: easeOutQuint · 1.37 s

easeOutQuint · 1.37 s

Flexion

+5

Media.Work: ease-out · 670 ms

ease-out · 670 ms

Media.Work

+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

ShopiFrame: Native scroll, pinned, parallax about 1.2×

Native scroll, pinned, parallax about 1.2×

ShopiFrame

+5

Inflatable Alphabet vol.2: Native scroll, pinned

Native scroll, pinned

Inflatable Alphabet vol.2

+4

Cloudflare: Native scroll

Native scroll

Cloudflare

+5

Scheme Engine: ease-out · 450 ms

ease-out · 450 ms

Scheme Engine

+5

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

Heron AI: Lenis smooth scroll · 5 s

Lenis smooth scroll · 5 s

Heron AI

+4

LOVE WANT: ease · 460 ms

ease · 460 ms

LOVE WANT

+4

Studio K95: ease-in-out · 590 ms

ease-in-out · 590 ms

Studio K95

+6

illoca: ease-in-out · 500 ms

ease-in-out · 500 ms

illoca

+5

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

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

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

Iventions

+5

Millemann Wines: Lenis smooth scroll

Lenis smooth scroll

Millemann Wines

+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

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

Locker Land: Native scroll

Native scroll

Locker Land

+6

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

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

Huge

+5

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

The sidebar and the first preview are in place

Kalok Yeung

+4

Control: Native scroll, pinned

Native scroll, pinned

Control

+4

teenage engineering: Native scroll

Native scroll

teenage engineering

+4

Transit: Native scroll

Native scroll

Transit

+4