Top 23 JavaScript Animation Projects

• anime.js

  37 42,332 0.0 JavaScript

  JavaScript animation engine

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

  anime.js

• particles.js

  25 25,728 0.0 JavaScript

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

  sponsored

  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

  5 24,271 0.0 JavaScript

  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

  0 17,142 0.0 JavaScript

  Accelerated JavaScript animation.

• GreenSock-JS

  40 14,172 5.1 JavaScript

  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

  0 7,382 0.0 JavaScript

  Super-smooth CSS3 transformations and transitions for jQuery

• move.js

  1 4,680 0.0 JavaScript

  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

  www.sonarqube.org

  sponsored

  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

  2 4,656 0.4 JavaScript

  :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

  0 3,609 0.0 JavaScript

  A jquery plugin for CSS3 text animations.

• vanta

  4 3,586 3.4 JavaScript

  Animated 3D backgrounds for your website

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

  View on GitHub

• editly

  1 3,390 5.5 JavaScript

  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

  28 1,521 9.8 JavaScript

  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

  2 1,370 3.9 JavaScript

  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

  1 1,279 4.4 JavaScript

  Typing animations with React

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

• typical

  1 1,119 2.3 JavaScript

  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

  0 787 1.6 JavaScript

  Javascript and SVG odometer effect library with motion blur

• react-native-animated-charts

  2 759 2.8 JavaScript

  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

  1 592 1.8 JavaScript

  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

  0 554 0.0 JavaScript

  Animation library that mimics CSS keyframes when scrolling.

• animatelo

  0 473 0.4 JavaScript

  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

  0 266 3.4 JavaScript

  Personal portfolio website made with the React

• AniX

  0 253 4.7 JavaScript

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

  

• shuffle-images

  0 209 0.0 JavaScript

  The Simplest Way to shuffle through images in a Creative Way

JavaScript Animations related posts

• 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?
  3 projects | reddit.com/r/webdev | 22 May 2022
• Exploring Web Animations
  5 projects | dev.to | 11 May 2022
• Animating in React (The Many Ways!)
  8 projects | dev.to | 10 May 2022
• Handling Transitions and Animations for a Card Game
  2 projects | reddit.com/r/Frontend | 8 May 2022
• How can I create this effect?
  2 projects | reddit.com/r/learnjavascript | 5 May 2022
• Multi Page App vs Single Page App
  2 projects | dev.to | 25 Apr 2022
• Does anyone know how this website is made?
  8 projects | reddit.com/r/web_design | 25 Apr 2022

Index

Sponsored

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

Get the trending JavaScript projects
with our weekly report!
» Subscribe «