Beautiful Data-driven Animations For React – react-move

The react-move component provides beautiful, data-driven animations for React.

Features:

  • 12kb! (minified)
  • Supported in React, React-Native & React-VR
  • Animate anything. HTML, SVG, React-Native
  • Prop-level delays & duration customization
  • Animation lifecycle events eg. (start, interrupt, end)
  • Custom easing & tweening functions
  • Supports interpolation of
    • Numbers
    • Colors
    • SVG paths
    • Any string with embedded numbers
    • Arrays of any of these
    • Objects of any of these
    • Arrays of objects of any of these… you get the point
    • Anything d3-interpolate can handle

Installation:

# Yarn
$ yarn add react-move

# NPM
$ npm install react-move

Preview:

react-move

Download Details:

Author: react-tools

Live Demo: View The Demo

Download Link: Download The Source Code

Official Website: https://github.com/react-tools/react-move

License: MIT

You Might Be Interested In:

Add Comment