Changelog
Always in Motion. Follow the latest releases to the Motion and Motion+ libraries and Motion Studio.
Stay in the loop
Subscribe for the biggest news & updates.
Added
EasingCurve: React component for drawing a provided easing curve.TransitionState: State for editing Motion transitions.toCSSTransition: ConvertTransitionStateto a CSStransitionstring.toMotionTransition: ConvertTransitionStateto a MotionTransitionstring.fromShareURL: Create aTransitionStatefrom the current URL.toShareQueryString: Create a serialisedTransitionStatesafe for adding to the URL.
Added
Carousel: Create accessible, performant, infinitely-scrolling carousels.useTickerItem: Access item-relative offset withinCarouselandTicker, as well as item information likeitemIndex,cloneIndex, layoutstartandend.Ticker: AddedfadeandsafeMarginoptions.
Removed
useItemOffset. Replaceconst offset = useItemOffset()withconst { offset } = useTickerItem().
Level up your animations with Motion+
Unlock the full vault of 290+ Motion examples, premium APIs, private Discord and GitHub, and powerful VS Code animation editing tools.
One-time payment, lifetime updates.


Motion is supported by the best in the industry.
