Skip to content
Beautiful immersive React hero animations.
JavaScript CSS
Branch: master
Clone or download

Latest commit


Type Name Latest commit message Commit time
Failed to load latest commit information.
src Adding custom easing Mar 29, 2020
.babelrc First working demo Mar 11, 2020
.eslintrc Use aniamte() to change color and font size Mar 25, 2020
.gitignore Adding website styles Mar 8, 2020 Update readme Mar 29, 2020
docker-compose.yml Initial commit Mar 8, 2020
package-lock.json Adding web animation polyfill Mar 24, 2020
package.json Updating docs Mar 26, 2020
rollup.config.js Use aniamte() to change color and font size Mar 25, 2020


Motion Layout

Create beautiful immersive React hero animations using shared components.


React Motion Layout Docs


Browser support

Supported on modern versions of all major browsers including:

  • Chrome 56+
  • Firefox 27+
  • IE10+ (including Edge)
  • Safari (iOS) 7.1+
  • Safari (Mac) 9+
  • Firefox Mobile
  • Chrome for Android
  • Android Webview


Easy as wraping your text or images with our SharedElement component.


It doesn't require external state management libs.

Router Ready

Dispatch animations when changing routes using our React-Router Link component.

You can’t perform that action at this time.