Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/primitive-morph.json
- Purpose
- Turn one shape smoothly into another while preserving object identity.
- Trigger
- Trigger when the object's state genuinely changes, with understandable correspondence between shapes.
- Interruptibility
- Retarget from the current interpolated shape instead of returning to an endpoint.
- Reduced motion
- Use a static state replacement or short crossfade while preserving object position and size.
morphMorphInterpolated geometry reshapes one visual form into another across a continuous transition.
continuity-transitionContinuity transitionA transition preserves recognizable geometry or position across states so viewers can follow the change.
shared-element-transitionShared element transitionA persistent visual object changes position, size, or styling while connecting two layouts.
layout-animationLayout animationChanges in measured position or dimensions are animated between layout snapshots.