hello and welcome to red stapler channel in this video we are going to show you
seven most popular JavaScript libraries in 2020 for each category based on
github activities and examples I found one codepen ready let's check it out
anime.js is one of the most popular JavaScript library for creating
animation you can literally animate anything from basic things like moving
simple element changing CSS properties and JavaScript object value to advanced
stuff like motion path, morphing effect or line drawing an image as is very easy
to use support all major browsers and most importantly it's fast
if you plan to add sound to your website you can't miss howler.js
this library let you do literally anything about sound creating your own
music player, playing sound on JavaScript event or even 3D spatial sound
effect for game development
all of them can be done with just a few lines of code with howler.js check it out
chart.js is one of the most popular JavaScript chart libraries. It provides
everything you need to create any types of chart from basic line and bar chart
to advanced chart like radar chart or non linear scale chart you can customize
almost everything - colors, styles, legends tooltips - you name it. Chart.js provides
a transition animation effects out of the box so you don't have to do anything
also the chart is fully responsive to the window size so you don't have to
worry about it if you want to create an online presentation try reveal.js it's
like an enhance and more customizable version of PowerPoint except its HTML
you can create slides and add transition effect zoom in and out
change theme
or even advanced features like creating vertical slides open a separate speaker
window or export the entire presentation as PDF check out the demo at their
website and you will love it if you watch my previous video WebGL is one of
the top web design trend this year and the first JavaScript WebGL library
everyone can think of is three.js creating 3D scene and realistic effect
like these examples can be done with just a few lines of code
Cool thing about three.js is they are not limited to WebGL you can use three.js
to create a CSS 3D transform effect or use it to render SVG image without using
canvas at all don't miss this library if you need a stunning 3d effect on your
website or developing a game and if you need a three.js quick course, check out my
tutorials in the link below if three.js is the king of 3D WebGL pixi.js is the
king for 2D world if you are looking for a WebGL JavaScript library to create a
2D effects like glitch animation, smoke or parallax pixi.js is the one for
you the strength of this library is speed, flexibility and super easy to use
for example this water ripple effects use only about 20 lines of JavaScript
code you can find more tutorials about pixi.js effect from the link below if
you want to add videos on your website it's hard to find any JavaScript library
better than video.js you can easily customize the video player skins and
various playback options like speed aspect ratio or even set it as video
background the cool thing about video.js is there are tons of library
plugins that you can download for extra features such as creating your own skins
streaming video with chromecast or even adding mosaic to your video
and so that's all for this video if you want to see more development tips and tutorials
don't forget to subscribe our channel to stay tuned thanks for watching see you
next time bye