JavaScript Animation

Open-source JavaScript projects categorized as Animation

Top 23 JavaScript Animation Projects

  • anime.js

    JavaScript animation engine

    Project mention: Top Methods and Tools for JavaScript Animations in Web Development | dev.to | 2024-08-07

    Anime.js Documentation

  • InfluxDB

    Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

    InfluxDB logo
  • algorithm-visualizer

    :fireworks:Interactive Online Platform that Visualizes Algorithms from Code

  • scrollreveal

    Animate elements as they scroll into view.

    Project mention: Top 15 Animation Libraries for React & Modern Javascript Apps | dev.to | 2024-07-17

    ScrollReveal is a JavaScript library for easily animating elements as they enter or leave the viewport. With over 22.2k stars on GitHub, it's perfect for scroll-based animations.

  • popmotion

    Simple animation libraries for delightful user interfaces

    Project mention: Top 15 Animation Libraries for React & Modern Javascript Apps | dev.to | 2024-07-17

    Popmotion is a functional, flexible JavaScript animation library. It powers the animations in Framer Motion. It has over 19.9k stars on GitHub and offers a range of tools for creating animations and interactions.

  • GreenSock-JS

    GSAP (GreenSock Animation Platform), a JavaScript animation library for the modern web

    Project mention: Supercharge Your Frontend Skills: 8 Must-Have Tools for Developers in 2024 🚀 | dev.to | 2024-08-28

    🔗 Learn More About GSAP

  • git-history

    Quickly browse the history of a file from any git repository

  • svg.js

    The lightweight library for manipulating and animating SVG

  • SaaSHub

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

    SaaSHub logo
  • laxxx

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

  • canvas-confetti

    🎉 performant confetti animation in the browser

    Project mention: A useful front-end confetti animation library | news.ycombinator.com | 2024-04-25

    It's only meaningful to consider that our world is a simulation if it is an imperfect one, otherwise you're just using "simulation" as an awkward synonym for "reality".

    Click the "snow" button enough (https://catdad.github.io/canvas-confetti/) and you'll get a horizontal line separating the pre-slowdown flakes from the post-slowdown flakes. I suppose that's the kind of simulation imperfection that we might look for.

    Personally, I don't think we're hacking our way out of this one any time soon, so I'm happy to just call it reality.

  • react-native-animatable

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

  • two.js

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

    Project mention: Show HN: A JavaScript library for data visualization in both SVG and Canvas | news.ycombinator.com | 2024-04-11

    > DOM-like event bubbling

    This does sound very interesting. I started playing with https://two.js.org/ for a browser game but the event system proved a challange. The typescript focus also looks promising. Will give it a try.

  • progressbar.js

    Responsive and slick progress bars

  • react-move

    React Move | Beautiful, data-driven animations for React

  • vanta

    Animated 3D backgrounds for your website

  • lightgallery.js

    Full featured JavaScript image & video gallery. No dependencies

  • mixitup

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

  • react-flip-move

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

  • motionity

    The web-based motion graphics editor for everyone 📽

  • typeit

    The most versatile JavaScript typewriter effect library on the planet.

  • Blotter

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

  • react-reveal

    Easily add reveal on scroll animations to your React app

  • react-native-collapsible

    Animated collapsible component for React Native, good for accordions, toggles etc

  • react-countup

    💫 A configurable React component wrapper around CountUp.js

  • SaaSHub

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

    SaaSHub logo
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).

JavaScript Animation discussion

Log in or Post with

JavaScript Animation related posts

  • Supercharge Your Frontend Skills: 8 Must-Have Tools for Developers in 2024 🚀

    1 project | dev.to | 28 Aug 2024
  • Turn photos into funky wave animations (open source)

    1 project | news.ycombinator.com | 17 Aug 2024
  • Top Methods and Tools for JavaScript Animations in Web Development

    1 project | dev.to | 7 Aug 2024
  • p5.js

    9 projects | news.ycombinator.com | 2 Aug 2024
  • Valorant Character Selection Character Reveal Effect

    1 project | dev.to | 22 Jul 2024
  • Top 15 Animation Libraries for React & Modern Javascript Apps

    23 projects | dev.to | 17 Jul 2024
  • 8 Frontend Tools to Become a Better Developer

    2 projects | dev.to | 4 Jul 2024
  • A note from our sponsor - SaaSHub
    www.saashub.com | 8 Sep 2024
    SaaSHub helps you find the best software and product alternatives Learn more →

Index

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

Project Stars
1 anime.js 49,554
2 algorithm-visualizer 46,545
3 scrollreveal 22,316
4 popmotion 19,941
5 GreenSock-JS 19,454
6 git-history 13,509
7 svg.js 11,032
8 laxxx 10,402
9 canvas-confetti 10,119
10 react-native-animatable 9,815
11 two.js 8,283
12 progressbar.js 7,772
13 react-move 6,585
14 vanta 5,452
15 lightgallery.js 5,302
16 mixitup 4,515
17 react-flip-move 4,072
18 motionity 3,132
19 typeit 3,056
20 Blotter 3,042
21 react-reveal 2,726
22 react-native-collapsible 2,434
23 react-countup 1,988

Sponsored
Purpose built for real-time analytics at any scale.
InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.
www.influxdata.com

Did you konow that JavaScript is
the 3rd most popular programming language
based on number of metions?