JavaScript Animations

Open-source JavaScript projects categorized as Animations | Edit details

Top 23 JavaScript Animation Projects

  • anime.js

    JavaScript animation engine

    Project mention: Exploring Web Animations | dev.to | 2022-05-11

    anime.js

  • particles.js

    A lightweight JavaScript library for creating particles

    Project mention: How can I create this effect? | reddit.com/r/learnjavascript | 2022-05-05

    They're probably using particles.js or a similar library.

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

  • Awesome-Design-Tools

    The best design tools and plugins for everything 👉

    Project mention: I made a fairly late comment on the "what designer resource post do you find most useful" yesterday and feel some may have missed out. I fully believe this GitHub link to be he holy grail. | reddit.com/r/graphic_design | 2022-05-11
  • velocity

    Accelerated JavaScript animation.

  • GreenSock-JS

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

    Project mention: I know this sub gets requests like this alot, but I can't seem to find a defacto package for managing 3D scroll effects. Thoughts on best tools / packages to power experiences like this? | reddit.com/r/webdev | 2022-05-22

    My initial thought was GSAP - https://greensock.com/ ,

  • jquery.transit

    Super-smooth CSS3 transformations and transitions for jQuery

  • move.js

    CSS3 backed JavaScript animation framework

    Project mention: Restart animation in CSS3: any better way than removing the element? | reddit.com/r/codehunter | 2022-04-23

    It works, but is there a better way to restart a CSS animation?I'm using Prototype and Move.js, but I'm not restricted to them.

  • SonarQube

    Static code analysis for 29 languages.. Your projects are multi-language. So is SonarQube analysis. Find Bugs, Vulnerabilities, Security Hotspots, and Code Smells so you can release quality code every time. Get started analyzing your projects today for free.

  • react-burger-menu

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

    Project mention: Mantine 4.0 is out – 120+ hooks and components with dark theme support | reddit.com/r/reactjs | 2022-03-10
  • textillate

    A jquery plugin for CSS3 text animations.

  • vanta

    Animated 3D backgrounds for your website

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

    View on GitHub

  • editly

    Slick, declarative command line video editing & API

    Project mention: What video editing software you use ? | reddit.com/r/Ubuntu | 2021-08-20

    It's intended to work nicely with Editly, a CLI-based https://github.com/mifi/editly

  • 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 | news.ycombinator.com | 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 (https://github.com/vizzuhq/vizzu-lib) can be used for.

    Key features of CodeViz Stat:

  • highway

    Highway - A Modern Javascript Transitions Manager

    Project mention: Using Three.js with page transitions? | reddit.com/r/threejs | 2021-09-07

    Highway.js is another good replacement for Barba. It's actually built by Dogstudio, so would be exactly what they're using on their site. Yuri also has a tutorial on YouTube for that one.

  • react-typist

    Typing animations with React

    Project mention: GitHub - jstejada/react-typist: Typing animations with React | reddit.com/r/ezcg | 2021-12-26
  • typical

    Animated typing in ~400 bytes 🐡 of JavaScript

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

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

  • Odoo

    Javascript and SVG odometer effect library with motion blur

  • react-native-animated-charts

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

    Project mention: has anyone managed to make @rainbow-me/animated-charts on bare React Native CLI and android? | reddit.com/r/reactnative | 2021-12-21

    I'm using react native CLI and testing on android. I followed precisely installation instructions on both the rainbow repo and the reanimated 2 docs. I tried with a simple chart like the example in the read me. At first i got an error saying the module "react-native-gesture-handler" couldn't be found. Which,made sense since i hadn't i installed it, but no one told me it was necessary for this to work. After installing it, i got another error regarding SVG. Again, no one told me but i installed "react-native-svg" and the error was gone. Only for it to be replaced by a crash when i opened chart screen. Before crashing, sometimes i could see a glimpse of an error message: "rngesturehandlermodule.attach gesture handler got 2 arguments expected 3". Finally, i changed the version of "react-native-gesture-handler" from 2.x.x to 1.8.0 and the app doesn't crashes anymore or show any error. But still, it's really buggy and the charts does not appaear most of the time, not to mention i can't interact with it.

  • react-portfolio-template

    Modern React Portfolio Template (FREE)

    Project mention: How to become a web developer in 2022 (My Take) | dev.to | 2022-04-12

    Github - https://github.com/chetanverma16/react-portfolio-template

  • 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

  • AniX

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

  • shuffle-images

    The Simplest Way to shuffle through images in a Creative Way

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-22.

JavaScript Animations related posts

Index

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

Project Stars
1 anime.js 42,332
2 particles.js 25,728
3 Awesome-Design-Tools 24,271
4 velocity 17,142
5 GreenSock-JS 14,172
6 jquery.transit 7,382
7 move.js 4,680
8 react-burger-menu 4,656
9 textillate 3,609
10 vanta 3,586
11 editly 3,390
12 Vizzu 1,521
13 highway 1,370
14 react-typist 1,279
15 typical 1,119
16 Odoo 787
17 react-native-animated-charts 759
18 react-portfolio-template 592
19 motus 554
20 animatelo 473
21 web-portfolio 266
22 AniX 253
23 shuffle-images 209
Find remote jobs at our new job board 99remotejobs.com. There are 7 new remote jobs listed recently.
Are you hiring? Post a new remote job listing for free.
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.
scoutapm.com