mvoom
← all teardowns

Grounded Horizontal

3 elements animate transform — quick — when they enter the viewport — on their own clock, not tied to scroll position

original piece by

grounded2026.com↗

.horizontal-section

Summary

origin
grounded2026.com
selector
.horizontal-section
family
reveal
passes
rest, ground, motion, scrub, feel, interaction, fallback
read directly
25 %
WHAT WAS MEASURED

mechanism

6
distinct mechanisms. That is what actually has to be built, and what sets the price.
5
unique easing curves. Each one is a design decision to get right.
10
elements in motion. Scope raises the price, but in logarithm: repeating is not the expensive part.
THE CHARACTER OF THE MOTION
fastslow

6 mechanisms · 5 curves

one recipemany

6 distinct mechanisms

intimatecrowd

10 elements in motion

measuredinferred

25 % read from the engine, the rest sampled or inferred

WHAT COULD NOT BE MEASURED

The travel is re-anchored when the piece is mounted outside its page: the original scroll range belonged to a document this component no longer lives in. The mechanism — which properties, with which curve, from where to where — is the measured one.