Cadence turns your product’s timing into a system — one clock, one set of curves, every surface in step.
the scope scales with your scroll — 0.82× to 1.06× over 900px
Three primitives, and the discipline to use only those three.
Seven canonical eases, fitted from real motion instead of guessed. Export as
cubic-bezier, a Framer array, or a GSAP CustomEase.
A single measured tempo underneath every transition, so a menu and a modal never disagree about how long a moment lasts.
Sequence derived from the content, not typed by hand. Change the grid and the rhythm follows without a rewrite.
No. Cadence produces the numbers; your library plays them. It emits a curve and a duration, and GSAP, CSS or Framer does the rest.
Scroll has no clock. Cadence reports ratios — how far one layer travels per pixel of scroll — and refuses to pretend those are seconds.
From the pixels. A dense motion-energy curve gives duration, beat boundaries and the easing shape; the rest is read off a handful of frames.