Changelog

Fixed

• Moved initialisation of default scale correctors to allow for overwriting existing correctors.

Added

• Extension: Save and manage transitions.

Added

• Extension: Support for editing general cubicBezier() easing functions alongside CSS and Motion syntax.

Added

• Extension: Support multiline selection for batch bezier edits.

Added

• SDK BezierCurveEditor: New configuration props added.

Added

• SDK: Added BezierCurveEditor component.

Changed

• Extension: Replaced internal BezierCurveEditor with SDK component.

• SDK BezierCurveEditor: Improved drawing calculations.

Fixed

• Extension: Fixed packaged webviews.

• Extension: Fixing image URLs in README.

Fixed

• Extension: Fixing image URLs in README.

Fixed

• Extension: Restore README.

Changed

• Unified Motion Studio SDK, MCP and Extension versioning.

• Extension: Replaced internal EasingCurve component with SDK.

Added

• Extension: Packaged and minified for smaller filesize.

Fixed

• SDK EasingCurve: Ensure final curve point is drawn correctly.

Fixed

• Ensure relative projection boxes are re-measured when parent layout changes.

Added

• SDK EasingCurve: transition prop allows animation between easing curves.

Added

• SDK EasingCurve: Now accepts easing functions.

Added

• SDK EasingCurve: React component for drawing a provided easing curve.

• SDK TransitionState: State for editing Motion transitions.

• SDK toCSSTransition: Convert TransitionState to a CSS transition string.

• SDK toMotionTransition: Convert TransitionState to a Motion Transition string.

• SDK fromShareURL: Create a TransitionState from the current URL.

• SDK toShareQueryString: Create a serialised TransitionState safe for adding to the URL.

Added

• Motion+ AI Patterns: Use your LLM to query Motion Examples to kickstart its code generation.

Fixed

• Carousel: Ensure only on-axis wheel scrolls prevent native browser scrolling.

Fixed

• Carousel: Improved handling of pointer and wheel events in item gaps.

Added

• Carousel: Create accessible, performant, infinitely-scrolling carousels.

• useTickerItem: Access item-relative offset within Carousel and Ticker, as well as item information like itemIndex, cloneIndex, layout start and end.

• Ticker: Added fade and safeMargin options.

Removed

• useItemOffset. Replace const offset = useItemOffset() with const { offset } = useTickerItem().

Removed

• Extension: Removing automatic MCP registration to support more editors.

Changed

• Extension: Updating to Motion Studio branding.

Added

• Ticker: RTL support.

Fixed

• Ensure that when a component remounts, it continues to fire animations even when initial={false}.

Added

• Exporting PresenceChild and PopChild type for internal use.

Added

• Exporting HTMLElements and useComposedRefs type for internal use.

Fixed

• Suppress non-animatable value warning for instant animations.

Fixed

• Fixing main-thread scroll with animations that contain delay.

Fixed

• Remove support for changing ref prop.

Fixed

• <motion /> components now support changing ref prop.

Fixed

• Ensure animate() onComplete only fires once, when all values are complete.