Introducing
The Slant team built an AI & it’s awesome
Find the best product instantly
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now
4.7 star rating
0
Development
What are the best JavaScript animation frameworks or libraries?
11
Options
Considered
47
User
Recs.
Nov 29, 2020
Last
Updated
Related Questions
Activity
Have feedback or ideas?
Join our community
on Discord
Ad
11
Options
Considered
Best JavaScript animation frameworks or libraries
Price
GZipped size
Last Updated
--
GSAP
-
-
Nov 29, 2020
--
D3.js
-
-
Dec 18, 2018
--
Velocity.js
-
-
Jul 5, 2018
--
animo.js
-
-
Jan 28, 2016
--
Famous
-
-
Feb 14, 2017
See Full List
--
GSAP
My Rec
ommendation
for
GSAP
My Recommendation for
GSAP
All
3
Pros
3
Top
Pro
•••
Mature
It's been around a long time, from back in Flash days.
See More
Top
Pro
•••
Fast
It has always stressed performance.
See More
Top
Pro
•••
Lightweight
It's always stressed file size. There are different versions available to balance features and weight.
See More
Hide
See All
Get it
here
Recommend
16
1
--
D3.js
My Rec
ommendation
for
D3.js
My Recommendation for
D3.js
All
4
Pros
3
Cons
1
Top
Con
•••
Steep learning curve
The complexity and flexibility of D3.js results in it being a time-consuming tool to learn for many users.
See More
Top
Pro
•••
Doesn't require a proprietary framework
D3's emphasis on web standards gives you the full capabilities of modern browsers without tying yourself to a proprietary framework.
See More
Top
Pro
•••
Supports both Canvas and any HTML element rendering (including SVG)
This allows you to easily move HTML elements. If you need to render a large number of elements, canvas can be used (for example: earth).
See More
Top
Pro
•••
Excellent tutorial/examples
Well-structured, comprehensive tutorials with excellent examples make learning d3 quite good fun.
See More
Hide
See All
Get it
here
Recommend
5
1
--
Velocity.js
My Rec
ommendation
for
Velocity.js
My Recommendation for
Velocity.js
All
1
Pros
1
Top
Pro
•••
Drop in replacement for JQuery.animate()
It significantly increases speed over the default .animate() as it uses CSS transitions. This is not true for all platforms though. For example GSAP uses basic Javascript animation but does tricks to speed things up.
See More
Hide
Get it
here
Recommend
7
--
animo.js
My Rec
ommendation
for
animo.js
My Recommendation for
animo.js
All
5
Pros
4
Cons
1
Top
Pro
•••
Few dependencies
The only dependency Animo has is jQuery. The source also includes animate.css as a stylesheet, but you can always add yours if you wish to do so.
See More
Top
Con
•••
Development seems slow
From their Github repo it seems that development is going pretty slow. Issue reports are still getting answered but the latest commit to the master branch happened more than 6 months ago.
See More
Top
Pro
•••
You can get personal help from the development team by paying
The animo.js team offer the option to contact and get help personally from the dev team by paying an amount of money (2 days for $5 2 weeks for $30 Lifetime for $100). Alternatively, being an open source project you can still open an issue and get help from other developers that use this library.
See More
Top
Pro
•••
Includes CSS animation library out of the box
Animo.js has a CSS animation library (animate.css) included by default, which provides developers with 60 pre-made CSS animations where they can choose from.
See More
Top
Pro
•••
Open source
Animo.js is a free and open source tool.
See More
Hide
See All
Get it
here
Recommend
2
--
Famous
My Rec
ommendation
for
Famous
My Recommendation for
Famous
All
5
Pros
4
Cons
1
Top
Con
•••
Dead project
Famous has been abandoned and will not get updates or bug fixes anymore.
See More
Top
Pro
•••
3D physics engine
Famous offers a 3D engine through via WebGL. This engine is very similar to those found in videogame engines.
See More
Top
Pro
•••
Amazing performance
Famous makes it possible to create animations through DOM and WebGL that are up to 60FPS. In other words, the Famous engine is able to create native animations inside the web browser.
See More
Top
Pro
•••
Open Source
Famous is a free and open source project released under the MIT License.
See More
Top
Pro
•••
SEO friendly
Since Famous renders on DOM (as well as WebGL) it's SEO friendly, because web crawlers can read everything that's rendered on the DOM.
See More
Hide
See All
Get it
here
Recommend
3
1
--
JQuery
My Rec
ommendation
for
JQuery
My Recommendation for
JQuery
All
4
Pros
3
Specs
Top
Pro
•••
Strong community
The open source community has really embraced jQuery and it has many readily available plugins to help speed up the development process. In addition to this, it has great documentation and tutorials.
See More
Specs
GZipped size:
18K
Top
Pro
•••
Cross-browser support
jQuery works on all modern browsers, although there may be some issues with old versions of each browser.
See More
Top
Pro
•••
Easy to use
Much easier to use than traditional JavaScript. Allows a lot of features and function to be completed with less lines of code.
See More
Hide
See All
Get it
here
Recommend
2
1
--
Move.js Ok
My Rec
ommendation
for
Move.js Ok
My Recommendation for
Move.js Ok
All
3
Pros
2
Cons
1
Top
Con
•••
Seems dead
Latest commit is dated November 30 2015. The last pull request that was closed is dated September 25 2015.
See More
Top
Pro
•••
Simple to use
Move.js is just a simple JS layer on top of CSS3 animations. It's pretty easy to use because it just exposes an API with which you can use CSS selectors and props to animate objects.
See More
Top
Pro
•••
Lightweight
Move.js is extremely small and lightweight (only 13KB) JavaScript library.
See More
Hide
See All
Get it
here
Recommend
3
--
AirBnb Lottie
My Rec
ommendation
for
AirBnb Lottie
My Recommendation for
AirBnb Lottie
Hide
Get it
here
Recommend
1
--
popmotion
My Rec
ommendation
for
popmotion
My Recommendation for
popmotion
All
1
Pros
1
Top
Pro
•••
Small size (11.5 kb)
See More
Hide
Free
Recommend
1
--
AngularJS
My Rec
ommendation
for
AngularJS
My Recommendation for
AngularJS
All
2
Experiences
1
Pros
1
Top
Pro
•••
AngularJS is the best framework of JavaScript
Angular.js is a well-known open-source front-end improvement structure which is basically utilized for creating dynamic single-page web applications (SPA). AngularJS exchanges every one of the substances from the server to the program alongside stacking all the site pages at the same time. When the substance is stacked, tapping on any connection on the page does not reload the whole page content; rather, it just updates the areas inside the page. Extensive associations like PayPal, Freelancer, LinkedIn, Lego, Hopscotch and a few others are controlling their UIs by AngularJS. The most noteworthy distinction between conventional destinations and Angular fuelled locales is that Angular anticipates that the program will construct the page. This does not put a considerable measure of load on the server and thus results in quicker stacking of pages. Angular has a Native Script for local applications amid an Ionic structure for crossbreed applications. Precise permits including if conditions, circles and neighborhood factors straightforwardly inside a format alongside following, preparing and showing changes from the client utilizing information authoritative. Angular makes it less demanding to work with dynamic rendering with its JSON based preparing and rendering capacities. Any designer with a foundation in the basic front-end innovations specifically HTML5 and JavaScript can learn Angular JS effectively. Angular at first was subject to TypeScript which enables it to be more reliable in open source ventures. In any case, with the most recent Angular adaptation, it is significantly more than that. It has a switch and backings shape approvals characteristically. It finishes the client encounter by controlling the route among pages and dealing with the client conduct and activities. Angular has been produced with the vision of making it secluded, testable and viable. In this way, it wholes up to be a brilliant structure for front-end advancement.
See More
Syed Ahmed's Experience
I Loved it <3
See More
Hide
Get it
here
Recommend
1
--
Anime.js
My Rec
ommendation
for
Anime.js
My Recommendation for
Anime.js
All
3
Pros
3
Top
Pro
•••
Pretty lightweight
Only 9.43KB.
See More
Top
Pro
•••
Very simple
It's one of the easiest drawing libraries to learn.
See More
Top
Pro
•••
Works with all of the common browsers
That includes: Chrome, Safari, Opera, Firefox and IE 10+.
See More
Hide
See All
Get it
here
Recommend
1
1
Don't see your favorite option? Add it.
Built By the Slant team
Find the best product instantly.
4.7 star rating
Add to Chrome
Add to Edge
Add to Firefox
Add to Opera
Add to Brave
Add to Safari
Try it now - it's free
One sec!
Are you sure that you want to abandon your hard work?
Delete Work
Continue working
{}
undefined
url next
price drop