Top 23 JavaScript Animation Projects
-
anime.js
-
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!
-
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
-
-
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/ ,
-
-
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.
-
-
View on GitHub
-
It's intended to work nicely with Editly, a CLI-based https://github.com/mifi/editly
-
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.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.
-
Project mention: GitHub - jstejada/react-typist: Typing animations with React | reddit.com/r/ezcg | 2021-12-26
-
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.
-
-
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-21I'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.
-
Github - https://github.com/chetanverma16/react-portfolio-template
-
-
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.
-
-
-
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?
- Exploring Web Animations
- Animating in React (The Many Ways!)
- Handling Transitions and Animations for a Card Game
- How can I create this effect?
- Multi Page App vs Single Page App
- Does anyone know how this website is made?
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 |
Are you hiring? Post a new remote job listing for free.