10

8

6

4

2


9.7
0.0
react-motion

9.7

9.1
react-spring

9.1

9.2
framer/motion

8.2
1.0
react-flip-move

8.1
0.0
velocity-react

7.7
0.0
react-router-transition

32 UI Animation libraries and projects

  • react-motion

    9.7 0.0 JavaScript
    A spring that solves your animation problems.

  • react-spring

    9.7 9.1 TypeScript
    A spring physics based React animation library.

  • framer/motion

    9.1 9.2 TypeScript
    Open source, production-ready animation and gesture library for React

    • Scout APM uses tracing logic that ties bottlenecks to source code so you know the exact line of code causing performance issues and can get back to building a great product faster.
    Promoted scoutapm.com

  • react-flip-move

    8.2 1.0 JavaScript
    Effortless animation between DOM changes (eg. list reordering) using the FLIP technique.

  • velocity-react

    8.1 0.0 JavaScript
    React components for Velocity.js.

  • react-router-transition

    7.7 0.0 JavaScript
    Transitions built for react-router, powered by react-motion.

  • react-tween-state

    7.1 0.0 JavaScript
    React animation.

  • react-anime

    6.5 0.0 JavaScript
    A super easy animation library for React.

  • rc-animate

    5.5 4.6 JavaScript
    Anim react element easily.

  • react-gsap-enhancer

    5.3 0.0 JavaScript
    Use the full power of React and GSAP together.

  • react-motion-ui-pack

    4.9 0.0 JavaScript
    Wrapper component around React Motion for easier UI transitions.

  • React Native Circle Menu

    4.8 0.0 JavaScript
    ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Made by @Ramotion

  • data-driven-motion

    4.5 0.0 JavaScript
    Easily animate your data in react.

  • react-magic-move

    4.5 0.0 JavaScript
    MagicMove for React.js.

  • react-spark-scroll

    4.1 0.0 JavaScript
    Scroll-based actions and animations for react.

  • react-mt-svg-lines

    3.8 0.0 JavaScript
    A React.js wrapper component to animate the line stroke in SVGs.

  • react-track

    3.7 0.0 JavaScript
    Track the position of DOM elements. Create cool animations.

  • react-atv-img

    3.7 0.0 JavaScript
    A port of @drewwilson’s atvImg (Apple TV 3D parallax effect) library in React.

  • react-web-animation

    3.5 0.0 JavaScript
    React components for the Web Animations API -.

  • react-parallax-tilt

    3.0 7.4 TypeScript
    demo

  • react-transitive-number

    2.8 0.0 JavaScript
    React component to apply transition effect to numeric strings, a la old Groupon timers.

  • gooey-react

    2.7 8.7 TypeScript
    The gooey effect for React, used for shape blobbing / metaballs (0.5 KB) 🧽

  • react.animate

    2.6 0.0 JavaScript
    State animation plugin for react.js.

  • react-tween

    2.5 0.0 JavaScript
    Tween animation for React components.

  • react-parallax-component

    2.3 0.0 JavaScript
    Easiest way to add scroll parallax effect on the component.

  • animakit-rotator

    1.5 0.0 JavaScript
    AnimakitRotator

  • animakit-expander

    1.5 0.0 JavaScript
    AnimakitExpander

  • react-tweenful

    1.4 4.9 JavaScript
    demo

  • animakit-elastic

    1.1 0.0 JavaScript
    AnimakitElastic

  • auto-size-transition

    0.5 2.0 TypeScript
    A component that scale dynamically according to the internal children size

  • react-scroll-rotate

    0.4 0.0 JavaScript
    demo

  • react-tsparticles

    0.3 -
    A lightweight component to easily create interactive particles animations

Popular Comparisons

SaaSHub - Software Alternatives and Reviews
More from our partner

Add another 'UI Animation' Library