Easy as wraping your text or images with our SharedElement component.
It does not require external state management libs.
Dispatch animations when changing routes using our React-Router Link component.
There are amazing libraries like framer-motion that help you create animations when mounting or unmounting components. But, if two views have the same image in different positions and sizes, they cannot be animated together. With Motion Layout, you can link components together to animate them when changing views.
Or scroll down to see it in action
This example shows you how MotionLayout animate images using React Router.
Click on any image to navigate and dispatch the animation.
This example shows you how MotionLayout animate images and text using React Router.
Click on any message to navigate and dispatch the animation.