10

8

6

4

2


9.5

9.8
framer/motion

9.7

7.0
react-spring

4.6
0.0
gooey-react

5.8

9.6
react-parallax-tilt
1.7
0.0
react-tweenful

5.5
0.0
rc-animate

35 UI Animation libraries and projects

  • framer/motion

    9.5 9.8 TypeScript
    Open source, production-ready animation and gesture library for React

  • react-spring

    9.7 7.0 TypeScript
    ✌️ A spring physics based React animation library

    • With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
    Promo

  • gooey-react

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

  • react-parallax-tilt

    5.8 9.6 TypeScript
    👀 Easily apply tilt hover effect on React components - lightweight/zero dependencies (3kB)

  • react-tweenful

    1.7 0.0 JavaScript
    Animation engine designed for React

  • rc-animate

    5.5 0.0 JavaScript
    anim react element easily

  • auto-size-transition

    0.7 0.0 TypeScript
    A component that scale dynamically according to the internal size

  • react-flip-move

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

  • react-anime

    6.5 0.0 TypeScript
    ✨ (ﾉ´ヮ´)ﾉ*:･ﾟ✧ A super easy animation library for React!

  • react-gsap-enhancer

    5.2 0.0 JavaScript
    Use the full power of React and GSAP together

  • react-mt-svg-lines

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

  • react.animate

    2.7 0.0 JavaScript
    state animation plugin for react.js

  • animakit-rotator

    1.4 0.0 JavaScript
    UNMAINTAINED: AnimakitRotator

  • animakit-elastic

    1.1 0.0 JavaScript
    UNMAINTAINED: AnimakitElastic

  • animakit-expander

    1.5 0.0 JavaScript
    UNMAINTAINED: AnimakitExpander

  • react-tween

    2.6 0.0 JavaScript
    DEPRECATED - Recommend https://github.com/tannerlinsley/react-move instead!

  • data-driven-motion

    4.5 0.0 JavaScript
    Easily animate your data in react

  • react-web-animation

    3.6 0.0 JavaScript
    React components for the Web Animations API - http://react-web-animation.surge.sh

  • react-atv-img

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

  • react-parallax-component

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

  • React Native Circle Menu

    4.9 0.0 JavaScript
    :octocat: ⭕️ CircleMenu is a simple, elegant UI menu with a circular layout and material design animations. Reactnative library made by @Ramotion

  • react-scroll-rotate

    0.7 0.0 JavaScript
    Very simple react component for rotate element based on scroll position

  • react-tween-state

    6.8 0.0 JavaScript
    React animation.

  • react-motion

    9.5 0.0 JavaScript
    A spring that solves your animation problems.

  • react-transitive-number

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

  • react-spark-scroll

    4.0 0.0 JavaScript
    Scroll-based actions and animations for react

  • react-motion-ui-pack

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

  • react-magic-move

    4.4 0.0 JavaScript
    MagicMove for React.js.

  • velocity-react

    8.0 0.0 JavaScript
    React components for Velocity.js

  • react-track

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

  • react-router-transition

    7.5 0.0 JavaScript
    painless transitions built for react-router, powered by react-motion

  • react-tsparticles

    0.3 -
    A lightweight component to easily create interactive particles animations

  • react-ts-typewriter

    1.2 0.0 TypeScript
    Easy to use typewriter component written with Typescript and React 18+ in mind

  • react-animatable

    1.2 8.2 TypeScript
    Tiny(~1kB) animation hooks for React, built on Web Animations API.

  • anim-react

    0.3 10.0 TypeScript
    simple js react animation, animation hook, web Animation interface, onclick animation, onview,onsight animation, without css animation, no transition animation, js animation class usage.
WorkOS - The modern identity platform for B2B SaaS
sponsored workos.com

Popular Comparisons

InfluxDB - Power Real-Time Data Analytics at Scale
sponsored www.influxdata.com

Add another 'UI Animation' Library