JavaScript UI Animation

Open-source JavaScript projects categorized as UI Animation
Edit details
React Parallax React Native ReactJS Animation
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com
featured

Top 22 JavaScript UI Animation Projects

UI Animation

  • react-motion

    A spring that solves your animation problems.

    Project mention: Formik adoption guide: Overview, examples, and alternatives | dev.to | 2024-09-12

    xQuoting directly from the author, “Formik initially started by expanding on this little higher-order component by Brent Jackson, some naming conventions from Redux-Form, and (most recently) the render props approach popularized by React-Motion and React-Router 4.”

  • SaaSHub

    SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

    SaaSHub logo

  • react-flip-move

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

  • react-router-transition

    painless transitions built for react-router, powered by react-motion

  • react-tween-state

    React animation.

  • react-gsap-enhancer

    Use the full power of React and GSAP together

  • rc-animate

    anim react element easily (by react-component)

  • React Native Circle Menu

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

  • data-driven-motion

    Easily animate your data in react

  • react-magic-move

  • react-mt-svg-lines

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

  • react-spark-scroll

    Scroll-based actions and animations for react

  • react-track

    Track the position of DOM elements. Create cool animations.

  • react-atv-img

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

  • react-web-animation

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

  • react-transitive-number

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

  • react.animate

    state animation plugin for react.js

  • react-parallax-component

    Easiest way to add scroll parallax effect on the component

  • react-tweenful

    Animation engine designed for React

    Project mention: Some of the Best Animation Libraries in React | dev.to | 2024-06-19

    Website Link -> https://teodosii.github.io/react-tweenful

  • animakit-rotator

    UNMAINTAINED: AnimakitRotator

  • animakit-expander

    UNMAINTAINED: AnimakitExpander

  • animakit-elastic

    UNMAINTAINED: AnimakitElastic

  • react-scroll-rotate

    Very simple react component for rotate element based on scroll position

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

JavaScript UI Animation discussion

Log in or Post with

JavaScript UI Animation related posts

  • Formik adoption guide: Overview, examples, and alternatives

    3 projects | dev.to | 12 Sep 2024

  • Some of the Best Animation Libraries in React

    1 project | dev.to | 19 Jun 2024

  • Best Animation packages for React.js , every frontend developer should use it

    10 projects | dev.to | 17 Jul 2023

  • 🎉Top React Libraries for Developers

    7 projects | dev.to | 18 May 2023

  • 7 Libraries You Should Know as a React Developer 💯🔥

    6 projects | dev.to | 4 Mar 2023

  • Full Stack Food Delivery App - React Redux Reducer, Firebase | For Beginners

    3 projects | /r/u_Live_Buy8766 | 30 Dec 2022

  • Animating in React (The Many Ways!)

    8 projects | dev.to | 10 May 2022
  • A note from our sponsor - SaaSHub
    www.saashub.com | 14 Oct 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

What are some of the best open-source UI Animation projects in JavaScript? This list will help you:

Project Stars
1 react-motion 21,681
2 react-flip-move 4,072
3 react-router-transition 2,595
4 react-tween-state 1,735
5 react-gsap-enhancer 724
6 rc-animate 679
7 React Native Circle Menu 590
8 data-driven-motion 543
9 react-magic-move 446
10 react-mt-svg-lines 361
11 react-spark-scroll 359
12 react-track 339
13 react-atv-img 310
14 react-web-animation 298
15 react-transitive-number 211
16 react.animate 166
17 react-parallax-component 166
18 react-tweenful 85
19 animakit-rotator 45
20 animakit-expander 37
21 animakit-elastic 23
22 react-scroll-rotate 8

Sponsored
SaaSHub - Software Alternatives and Reviews
SaaSHub helps you find the best software and product alternatives
www.saashub.com