JavaScript Animations

Open-source JavaScript projects categorized as Animations

Top 23 JavaScript Animation Projects

  • anime.js

    JavaScript animation engine

    Project mention: How do developers create stunning animations on text and elements like this? | | 2023-05-24

    To your original question though, there are lots of ways to achieve these types of animations and the best solution is dependent on your requirements and experience. I suggest looking into css animations and anime.js. If you're looking to do more complex animations, a tool like lottie might be a better fit.

  • Awesome-Design-Tools

    The best design tools and plugins for everything 👉

    Project mention: Suggestions for new Awesome Design Tools | | 2023-04-12

    I'm a big fan of curated lists and resources, and a great example of that is GitHub's awesome lists but I've noticed there seems to be a lack of any art focused that isn't specific to one software (such as Awesome Blender) or that are actively maintained, the closest being, which, although still quite helpful today, hasn't been updated in 3 or 4 years since Flawless Apps joined the Abstract team, so contains many broken links and there are plenty of new and useful options that aren't there. So I'm going to remake it over the next weekend and keep it regularly updated so any help with finding links to software, plugins, hardware, websites, learning materials and anything else you think might be relevant, any help would be greatly appreciated.

  • 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!

  • particles.js

    A lightweight JavaScript library for creating particles

    Project mention: Website animation | | 2023-04-23
  • velocity

    Accelerated JavaScript animation.

  • GreenSock-JS

    GreenSock's GSAP JavaScript animation library (including Draggable).

    Project mention: A slick animation from Better Call Saul | | 2023-05-15

    I used the Greensock (GSAP) library for the animation.

  • jquery.transit

    Super-smooth CSS3 transformations and transitions for jQuery

  • react-burger-menu

    :hamburger: An off-canvas sidebar component with a collection of effects and styles using CSS transitions and SVG path animations

  • CodiumAI

    TestGPT | Generating meaningful tests for busy devs. Get non-trivial tests (and trivial, too!) suggested right inside your IDE, so you can code smart, create more value, and stay confident when you push.

  • move.js

    CSS3 backed JavaScript animation framework

  • vanta

    Animated 3D backgrounds for your website

    Project mention: Has anyone used Vanta.js for dynamic backgrounds? | | 2022-08-13
  • editly

    Slick, declarative command line video editing & API

    Project mention: Create a video from images | | 2023-02-08

    Maybe this tool helps:

  • textillate

    A jquery plugin for CSS3 text animations.

    Project mention: 30 inspiring web developer portfolio examples you have never seen before | | 2023-02-20

    Tip: Textillate.js is the text animations library you can use to animate your texts like Adam did.

  • Vizzu

    Library for animated data visualizations and data stories.

  • highway

    Highway - A Modern Javascript Transitions Manager (by Dogstudio)

    Project mention: What is e.defaultPrevented and why library authors MUST use it | | 2023-01-06

    @dogstudio/highway is one such library that doesn't check for that, and thus preventing the default behavior of an anchor will not prevent further navigation.

  • react-typist

    Typing animations with React

  • typical

    Animated typing in ~400 bytes 🐡 of JavaScript

  • react-portfolio-template

    Modern React Portfolio Template (FREE)

    Project mention: React Portfolio Template V3.0 | | 2022-07-25

    Project - Release Notes -

  • react-native-animated-charts

    Set of components and helpers for building complex and beautifully animated charts

    Project mention: Animations for a component inside NativeBase Actionsheet are not animating correctly | | 2023-04-26

    As you can see in this image, when you change datasets for this line chart, it animates the line graph as it changes it. You can clearly see its a nice and fluid movement. This is exactly how it works for me on a normal blank screen.

  • Odoo

    Javascript and SVG odometer effect library with motion blur

  • motus

    Animation library that mimics CSS keyframes when scrolling.

  • animatelo

    Animatelo is a bunch of cool, fun, and cross-browser animations for you to use in your projects. This is a porting to Web Animation API of the fabulous animate.css project.

  • web-portfolio

    Personal portfolio website made with the React

  • Scrawl-canvas

    Responsive, interactive and more accessible HTML5 canvas elements. Scrawl-canvas is a JavaScript library designed to make using the HTML5 canvas element easier, and more fun

    Project mention: Scrawl-canvas 2D canvas library – proposed roadmap | | 2023-05-28
  • AniX

    🐿 Super easy and lightweight(<3kb) JavaScript animation library


    ONLYOFFICE Docs — document collaboration in your environment. Powerful document editing and collaboration in your app or environment. Ultimate security, API and 30+ ready connectors, SaaS or on-premises

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 2023-05-28.

JavaScript Animations related posts


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

Project Stars
1 anime.js 45,214
2 Awesome-Design-Tools 28,513
3 particles.js 27,179
4 velocity 17,211
5 GreenSock-JS 16,340
6 jquery.transit 7,338
7 react-burger-menu 4,903
8 move.js 4,713
9 vanta 4,527
10 editly 4,082
11 textillate 3,624
12 Vizzu 1,688
13 highway 1,419
14 react-typist 1,354
15 typical 1,185
16 react-portfolio-template 914
17 react-native-animated-charts 856
18 Odoo 806
19 motus 604
20 animatelo 475
21 web-portfolio 289
22 Scrawl-canvas 259
23 AniX 257
Access the most powerful time series database as a service
Ingest, store, & analyze all types of time series data in a fully-managed, purpose-built database. Keep data forever with low-cost storage and superior data compression.