Skip to content

Animation

slidemotion exposes low-level animation primitives for custom components.

  • interpolate for mapping progress ranges
  • spring and springDuration for physical motion
  • easing helpers from slidemotion/animation
  • createAnimationLoop, tweenMode, springMode for custom drivers

Use useStepProgress() or useStep() when you need custom motion logic.

const progress = useStepProgress();
const opacity = interpolate(progress, [0, 1], [0, 1]);

Animate and the built-in transition components now support backward exits. That makes reverse navigation feel intentional instead of abruptly unmounting content.