Top 22 JavaScript UI Animation Projects

UI Animation

• Add a project

1. react-motion

   1 17 21,916 0.0 JavaScript

   A spring that solves your animation problems.

   

2. Puter.js

   developer.puter.com featured

   Puter.js - The Backend for AI-Generated Apps. One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.

   

3. react-flip-move

   2 0 4,138 0.0 JavaScript

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

   

4. react-router-transition

   3 1 2,580 0.0 JavaScript

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

   

5. react-tween-state

   4 0 1,735 0.0 JavaScript

   React animation.

   

6. react-gsap-enhancer

   5 0 727 0.0 JavaScript

   Use the full power of React and GSAP together

   

7. rc-animate

   6 0 678 0.0 JavaScript

   anim react element easily (by react-component)

   

8. React Native Circle Menu

   7 0 588 0.0 JavaScript

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

   

9. AppSignal

   www.appsignal.com featured

   AppSignal knows why the f*#k it crashed. Stop vibe-debugging. Every exception, every backtrace, grouped so you see patterns, not noise.

   

10. data-driven-motion

    8 0 551 0.0 JavaScript

    Easily animate your data in react

    

11. react-magic-move

    9 0 444 0.0 JavaScript

    

12. react-mt-svg-lines

    10 0 360 0.0 JavaScript

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

    

13. react-spark-scroll

    11 0 354 0.0 JavaScript

    Scroll-based actions and animations for react

    

14. react-track

    12 0 342 0.0 JavaScript

    Track the position of DOM elements. Create cool animations.

    

15. react-atv-img

    13 0 307 0.0 JavaScript

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

    

16. react-web-animation

    14 0 298 0.0 JavaScript

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

    

17. react-transitive-number

    15 0 214 0.0 JavaScript

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

    

18. react.animate

    16 0 164 0.0 JavaScript

    state animation plugin for react.js

    

19. react-parallax-component

    17 0 164 0.0 JavaScript

    Easiest way to add scroll parallax effect on the component

    

20. react-tweenful

    18 1 85 0.0 JavaScript

    Animation engine designed for React

    

21. animakit-rotator

    19 0 44 0.0 JavaScript

    UNMAINTAINED: AnimakitRotator

    

22. animakit-expander

    20 0 37 0.0 JavaScript

    UNMAINTAINED: AnimakitExpander

    

23. animakit-elastic

    21 0 23 0.0 JavaScript

    UNMAINTAINED: AnimakitElastic

    

24. react-scroll-rotate

    22 0 10 0.0 JavaScript

    Very simple react component for rotate element based on scroll position

    

25. SaaSHub

    www.saashub.com featured

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

    

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 - Puter.js
  developer.puter.com | 9 Aug 2026

  One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms. Learn more →

Index

Sponsored

Puter.js - The Backend for AI-Generated Apps

One-shot full-stack apps with your existing AI coding tool. Puter.js gives you Auth, Storage, DB, AI & more, with up to 90% fewer AI tokens than other backend platforms.

developer.puter.com

Do not miss the trending JavaScript projects with our weekly report!