Motion / Changelog925 releases
Changelog
Releases across Motion, Motion+, and Motion AI Kit.
Added
- Support for
repeatTypeandrepeatDelayin animation sequences.
Fixed
- Variants: Re-run keyframe animations when switching between variant labels even when they share identical keyframe arrays.
- Drag: Preserve in-flight motion value animations across React 19 reorder unmount/remount so
dragSnapToOriginno longer leaves the drag transform stranded after a layout swap. LazyMotion: Share React contexts between theframer-motionandframer-motion/m(and thereforemotion/reactandmotion/react-m) CJS bundles so that<m.div>from the/msubpath picks up features loaded by<LazyMotion>from the main entry point.useScroll: Support hydratingtargetandcontainerrefs from anywhere in the tree.- Drag: Gesture no longer starts from incorrect start point when rendered inside
<AnimatePresence initial={false} />. - Drag:
dragConstraints, when set as viewport-relative ref, no longer break on scroll.§ - Updated
visualElementhydration order. useAnimate: Now respectsskipAnimations.AnimatePresence: Fix object-forminitialvalues not applied on re-entry after exit completes.scroll: Fixed callback progress when tracking an element.useScroll: Fix hardware acceleration when tracking an element.
- Support for
Fixed
AnimateNumber: Ensure values are updated when only§suffix/prefixupdate.
Added
- Skills: Installer better supports OpenCode.
Added
- Added
layoutAnchorprop to configure custom anchor point for resolving relative projection boxes.
Fixed
Reorder: Fix axis switching after window resize.Reorder: Fix with virtualised lists.AnimatePresence: Ensure children are removed when exit animation matches current values.
- Added
Added
- Support for hardware accelerating
"start"and"end"offsets inscrollanduseScroll. - Support for
oklch,oklab,lab,lch,color,color-mix,light-darkcolor types.
Fixed
- Fix
whileInViewwith client-side navigation. - Fix draggable elements when layout updates due to surrounding element re-renders.
- Improved memory pressure of layout animations.
- Ensure motion value returned from
useSpringreports correctisAnimating().
- Support for hardware accelerating
Added
- Allow
dragSnapToOriginto accept"x"or"y"for per-axis snapping. - Added axis-locked layout animations with
layout="x"andlayout="y". - Added
skipInitialAnimationtouseSpring.
Fixed
- Fixed
heightandwidth: autoanimations withbox-sizing: border-box. - Reset component values when exit animation finishes.
- Ensure
anticipateeasing returns1atp === 1. - Fix
@emotion/is-prop-validresolve error in Storybook. - Remove
data-pop-layout-idfrom exiting elements when animation interrupted. - Ensure we skip WAAPI for non-animatable keyframes.
- Ensure we skip WAAPI for SVG transforms.
- Ensure
MotionValueprops are not passed to SVG. AnimatePresence: Preventmode="wait"elements from getting stuck when switched rapidly.
- Allow
Fixed
- Reduced filesize of
styleEffect. - Fix rounding from
popLayout. opacityanimations in React Strict Mode in development.- Ensure
useSpringis not affected by monitor framerate. - Updating animations sequence segment types to exclude lifecycle handlers.
- Fix layout animations with parents offset by a
%-based translation. - Fix
autoplay: falsewith WAAPI animations. - Fix layout jump in React Strict Mode in development.
- Detect divide-by-zero in CSS
calc()values before making animatable templates.
- Reduced filesize of
Added
- Skills: Installer now supports VS Code.
Updated
- MCP: Now loads codex with documentation if purchased AI Kit.
Added
- Skills:
/motionskill. Includes design guidelines, performance tips, and API gotchas. Can reference the Motion Studio MCP for docs search. - Skills:
/css-springskill. Generates CSS spring easing functions via the Motion Studio MCP. - Skills:
/see-transitionskill. Visualise easing curves and springs via the Motion Studio MCP. - Skills: Added new
motion-ai-kitinstaller with interactive skill picker.
- Skills:
Fixed
- Fixing combination of string keyframes, spring and
delay. - Gracefully handle negative scroll values.
- Fix one-frame visual gap when rapidly switching WAAPI animations.
animation.time = 0on a finished animation sets the playhead in a paused state.
- Fixing combination of string keyframes, spring and
Added
ViewTimelinesupport forscrollanduseScroll.
Fixed
- Handle
%translate values in layout animations.
- Handle
Fixed
- Ensure final WAAPI styles are always committed synchronously to prevent flash of incorrect styles in Firefox.
- Prevent Next.js from caching
typeof windowchecks. - Improve projection node cleanup.
- Variant propagation fixed for asynchronously-mounted children.
Fixed
- Ensure
onCompletefires at the end of an animation sequence.
- Ensure
Fixed
- Ensure
velocityis never transferred to a time-derived spring.
- Ensure
Fixed
- Layout animations: Reset motion value velocity when starting a new layout animation.
Fixed
useScroll: Ensure animations aren't hardware accelerated whentargetis set.- Improve animatable
"none"generation for mask values.
Fixed
splitText: Ensure split text elements retain vertical positioning.Carousel: Fix focus from breaking item reprojection.
Fixed
Ticker: Improve accessibility attributes.Cursor: Fix when using with browser-native drag gestures.- Updating
reftype inference forTypewriter,TickerandScrambleText.
Added
Carousel: NewwheelSwipeThresholdprop configures the distance of wheel scroll before triggering a swipe.
Added
AnimateNumber:trendprop to control digit spin direction. -trend={1}: Digits always spin upward, wrapping 9 → 0. -trend={-1}: Digits always spin downward, wrapping 0 → 9. -trend={(oldValue, newValue) => number}: Function for custom logic. - Default (notrend): Auto-detects direction based on value change.
Changed
AnimateNumber: Now uses manual FLIP measurements instead of layout animations.
Added
useCarouselanduseTicker: Providesoffsetmotion value, which contains the unwrapped offset of aCarouselorTicker.
Added
- Extension: Added support for spring editing.
- Extension: Visual refresh.
- Skills: Added Motion Performance Audit skill.
Added
AnimateView: View animations for React.
Added
useScroll: Hardware accelerated animations.
Fixed
- Improve detection of detached elements with vanilla layout animations.
Fixed
AnimatePresence: Ensure exiting nodes are correctly removed when rapidly switching children.
Added
<motion />: Newpropagate.tapprop prevents tap gestures from propagating to parents.
Added
transition.inherit: Whentrue, inherit transition values from less-specific transitions.