JavaScript Animation

Open-source JavaScript projects categorized as Animation | Edit details

Top 23 JavaScript Animation Projects

  • anime.js

    JavaScript animation engine

    Project mention: Exploring Web Animations | | 2022-05-11


  • scrollreveal

    Animate elements as they scroll into view.

    Project mention: Exploring Web Animations | | 2022-05-11


  • Appwrite

    Appwrite - The Open Source Firebase alternative introduces iOS support . Appwrite is an open source backend server that helps you build native iOS applications much faster with realtime APIs for authentication, databases, files storage, cloud functions and much more!

  • svg.js

    The lightweight library for manipulating and animating SVG

  • react-native-animatable

    Standard set of easy to use animations and declarative transitions for React Native

    Project mention: Practice by doing a app | | 2021-09-10

    hello, thank you for the replay. For the animation I'm using it is a very small library comparison with the other animation libraries but it is powerfull and easy to implement. And the animation type name is "fadeInDownBig"

  • laxxx

    Simple & lightweight (<4kb gzipped) vanilla JavaScript library to create smooth & beautiful animations when you scroll.

    Project mention: Suggest a library to animate on scroll | | 2022-01-12

    I like lax.js

  • two.js

    A renderer agnostic two-dimensional drawing api for the web.

    Project mention: [AskJS] What is the best canvas library to make an app like figma or integromat? | | 2021-08-29
  • progressbar.js

    Responsive and slick progress bars

    Project mention: Animating react-native-svg dash length of a &lt;Circle /&gt; | | 2022-04-27

    Hey everyone I'm trying to achieve effect similar to: one)

  • Scout APM

    Less time debugging, more time building. Scout APM allows you to find and fix performance issues with no hassle. Now with error monitoring and external services monitoring, Scout is a developer's best friend when it comes to application development.

  • react-move

    React Move | Beautiful, data-driven animations for React

    Project mention: How to build faster animation transitions in React | | 2022-04-29

    Here's a comparison showing how the transition-hook bundle size compares to other React animation libraries: react-spring, framer-motion, react-motion, and react-move:

  • lightgallery.js

    Full featured JavaScript image & video gallery. No dependencies

    Project mention: Build a light gallery with Stimulus Components | | 2021-09-25

    Stimulus Components is an open-source project that hosts a collection of customizable components for typical JavaScript behavior. One component helps you to create a feature-rich light gallery into your project without writing any custom JavaScript at all. See lightgallery.js to get an idea of what you can build after reading this article.

  • mixitup

    A high-performance, dependency-free library for animated filtering, sorting, insertion, removal and more

    Project mention: Internal Website Search Feature | | 2021-12-12

    But I digress again, if you'd rather finish this thing right now I think google or someone else here might be a better help than I as I haven't built custom platform-agnostic search in about 5 years so I'm not sure what's out there besides Bloodhound (the last thing I used to make custom search). If you can boil it down to a more filter-style search where the user can pick from some fixed number of topics, then something like Mixitup or Quicksand is pretty cool. But it sounds like you need something less rigid than that. Whatever you set up is very likely gonna take some custom work and probably a decent amount of JavaScript know-how.

  • react-flip-move

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

  • vanta

    Animated 3D backgrounds for your website

    Project mention: Animated Website Backgrounds Easily with vantajs | | 2022-01-10

    View on GitHub

  • swup

    :tada: Complete, flexible, extensible and easy to use page transition library for your static web.

    Project mention: Looking to animate an element on one page, when the next page loads? | | 2021-12-01

    barba is good for this sort of thing. It may be a little heavy for just page transitions. maybe pjax or swup might be easier?

  • Blotter

    A JavaScript API for drawing unconventional text effects on the web.

  • typeit

    The most versatile JavaScript typewriter effect library on the planet.

    Project mention: Striff: A &lt; 600 byte string diffing package. | | 2022-03-09

    I'll try to remember to post what I do with it. I'm planning on using it to build out a more interactive tool for generating TypeIt code on

  • react-native-collapsible

    Animated collapsible component for React Native, good for accordions, toggles etc (by oblador)

    Project mention: Pocket Reference Guide Layout Template | | 2022-04-29 maybe something like this?

  • lazy-line-painter

    Lazy Line Painter - A Modern JS library for SVG path animation

  • bezier-easing

    cubic-bezier implementation for your JavaScript animation easings – MIT License

  • Vizzu

    Library for animated data visualizations and data stories.

    Project mention: Show HN: CodeViz – OSS for source code stats w. interactive charts in VS Code | | 2022-04-10

    We built this little open-source tool that automatically visualizes the contents of a software project in Visual Studio Code. We think it's a good example of what our open-source viz library Vizzu ( can be used for.

    Key features of CodeViz Stat:

  • react-countup

    💫 A configurable React component wrapper around CountUp.js

    Project mention: Some of the Best Open-Source Projects to make your life easier. | | 2021-10-11

    React Countup

  • shifty

    The fastest JavaScript animation engine on the web

    Project mention: 🚀10 Trending projects on GitHub for web developers - 7th January 2022 | | 2022-01-07

    View on GitHub

  • react-native-popup-menu

    Popup menu component for React Native

    Project mention: UI &amp; Design? | | 2021-10-28

    I recommend using React Native Paper UI library. It takes care of the material UI designs of the various components, including paddings, color (dark or light theme), behavior and more. Add on packages like React Native Popup Menu has beautiful interactivity.

  • typical

    Animated typing in ~400 bytes 🐡 of JavaScript

    Project mention: 🚀10 Trending projects on GitHub for web developers - 4th March 2022 | | 2022-03-04

    This library is based on @camwiegert/typical work and it currently is just a wrapper for react.

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). The latest post mention was on 2022-05-11.

JavaScript Animation related posts


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

Project Stars
1 anime.js 42,212
2 scrollreveal 20,712
3 svg.js 9,606
4 react-native-animatable 9,216
5 laxxx 8,975
6 two.js 7,669
7 progressbar.js 7,554
8 react-move 6,434
9 lightgallery.js 5,210
10 mixitup 4,450
11 react-flip-move 3,771
12 vanta 3,574
13 swup 3,407
14 Blotter 2,881
15 typeit 2,659
16 react-native-collapsible 2,233
17 lazy-line-painter 1,924
18 bezier-easing 1,515
19 Vizzu 1,509
20 react-countup 1,441
21 shifty 1,347
22 react-native-popup-menu 1,304
23 typical 1,114
Find remote jobs at our new job board There are 13 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
Deliver Cleaner and Safer Code - Right in Your IDE of Choice!
SonarLint is a free and open source IDE extension that identifies and catches bugs and vulnerabilities as you code, directly in the IDE. Install from your favorite IDE marketplace today.