Kinetiq

KL-04 · KEYFRAME/BENCH

Keyframe Bench

Sequences on a dopesheet.

CONTROL RAIL

Presets

DOUBLE-CLICK A KEY = HOLD · DRAG KEYS ALONG TIME

KL-04 · DOPESHEET
x
scale
rotate
opacity
0s0.5s1s1.5s2s
LIVE CODE · MIRRORS THE STAGE
<motion.div
  animate={{
    x: [0, 0, 60, 60],
    scale: [1.00, 1.15, 1.00],
    rotate: [0, 0, 90],
    opacity: [1.00, 1.00],
  }}
  transition={{
    duration: 2,
    times: { /* per property, from the dopesheet */ },
    ease: [0.65, 0, 0.35, 1],
  }}
/>
// a doubled key = a hold — and holds create anticipation