patterns / 10

Motion recipe & handoff

Turn an interaction intention into a visible transition and an exact implementation brief.

Live interface previewSession only

Try the controls

Usage

Select a preset and trigger before tuning the from/to states and timing.
Use the replay and reduced-motion controls to inspect the recipe. Copy exports derive from the same validated values.

EntranceExitHoverPressExact cubic-bezierImplementation handoff

Preset changedCurve changedReplayReduced motionSave/ReopenCopy handoff

This preview is a controlled component study. Applying the recipe to a real page remains the implementer’s task.
Library storage is independent from the brand recipe repository.

Source modules 8

Opening your workspace

Preparing the canvas and shared controls.