CinematicBench — how the web's best scroll experiences actually score

A reproducible, passive benchmark of cinematic scroll craft — pacing, runtime performance, an accessibility heuristic, and motion craft — measured with one ordinary page load and a standard scroll, median of 3 runs. No human judge. One published, deterministic rubric. This is not a universal UX score or a WCAG assessment: the rubric deliberately rewards motion, and performance depends on hardware.

npx -p cinematic-scroll-skill cinematic-bench https://your-site.com
#SitePacingPerfAccess.*CraftOverall
1 Are.naeditorial
100
100
100
75
 95
2 Reactdev-tools
100
98
96
75
 93
3 Loomproduct-launch
100
80
90
100
 92
4 MoMA Storee-commerce
100
80
100
90
 92
5 The Puddingeditorial
100
100
88
75
 92
6 Fieldworkportfolio-agency
100
98
88
75
 91
7 Apple — iPhoneproduct-launch
100
100
90
60
 90
8 Cash Appproduct-launch
100
100
80
75
 90
9 Polestarproduct-launch
100
94
86
75
 90
10 Uenoportfolio-agency
100
100
70
85
 90
11 Airbnbproduct-launch
100
96
70
90
 89
12 Allbirdse-commerce
100
80
96
75
 88
13 Figmaproduct-launch
90
90
82
90
 88
14 National Geographiceditorial
100
80
100
65
 87
15 Tailwind CSSdev-tools
100
98
70
75
 87
16 14islandsportfolio-agency
90
98
78
75
 86
17 Verceldev-tools
100
90
76
75
 86
18 Notionproduct-launch
100
80
70
90
 85
19 Stripeproduct-launch
90
80
80
85
 84
20 Astrodev-tools
90
100
86
45
 83
21 Hello Mondayportfolio-agency
90
100
50
90
 83
22 Burberrye-commerce
70
100
100
45
 82
23 Everyeditorial
100
80
70
75
 82
24 Nikee-commerce
90
80
70
90
 82
25 Slackproduct-launch
100
80
80
65
 82
26 Supabasedev-tools
100
80
70
75
 82
27 Superlistproduct-launch
90
80
70
90
 82
28 The Vergeeditorial
100
80
70
75
 82
29 Warpdev-tools
100
80
70
75
 82
30 WIREDeditorial
100
80
78
65
 82
31 Instrumentportfolio-agency
100
80
70
65
 80
32 Rivianproduct-launch
90
100
70
50
 80
33 The New Yorkereditorial
100
80
70
65
 80
34 Denodev-tools
100
98
20
100
 79
35 Glossiere-commerce
90
80
70
75
 79
36 Prismadev-tools
100
98
48
65
 79
37 Apple — AirPods Proproduct-launch
100
100
30
75
 78
38 Basement Studioportfolio-agency
100
100
20
90
 78
39 Evil Martiansdev-tools
90
94
30
100
 78
40 Bloomberg Graphicseditorial
100
80
70
50
 77
41 Humaanportfolio-agency
100
80
40
90
 77
42 Active Theoryportfolio-agency
100
96
30
75
 76
43 PlanetScaledev-tools
70
100
78
45
 76
44 Railwaydev-tools
100
81
30
90
 75
45 Bundev-tools
90
93
36
75
 74
46 Immersive Gardenportfolio-agency
70
95
76
45
 74
47 Locomotiveportfolio-agency
90
98
50
50
 74
48 Lusionportfolio-agency
100
82
28
85
 74
49 Tiffany & Co.e-commerce
70
90
80
45
 74
50 Apple Store — Mace-commerce
90
98
40
55
 73
51 Porscheproduct-launch
90
94
30
75
 73
52 Resenddev-tools
100
88
20
85
 73
53 Clerkdev-tools
100
80
20
90
 72
54 Framerproduct-launch
100
80
20
90
 72
55 Linearproduct-launch
90
98
20
75
 72
56 Epic Agencyportfolio-agency
100
93
30
55
 71
57 Raycastproduct-launch
90
96
0
90
 69
58 Arc Browserproduct-launch
90
100
20
50
 68
59 It's Nice Thateditorial
90
87
20
65
 67
60 Pitchproduct-launch
100
81
20
65
 67
61 Aesope-commerce
90
80
0
75
 62