7 Most Popular JavaScript Libraries 2020

7 Most Popular JavaScript Libraries 2020

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

Only registered users can comment.

  1. My tutorials mentioned in this video. Hope you guys enjoy 😀
    Space Background (Three.js): https://youtu.be/Bed1z7f1EI4

    Warp Portal (Three.js): https://youtu.be/KeVW_ezeGz8

    Realistic Water Ripple (Pixi.js): https://youtu.be/O0Au0Xc-qL8

    3D Pikachu (Pixi.js): https://youtu.be/FgN2EENWPFc

  2. This is amazing (as always btw!). I've been learning code for the last 2 years and really really want to try three js / pixi js now that I'm getting confident in front-end development. Your videos are super useful, keep going and thanks so much 🙂

  3. Indians are the top ☝ when it comes to web design though I'am not indian ..the best channels in the world are indians .like red staplr ..online tutorials ..web ustaad ..etc

  4. Can someone explain to me how someone creates a lib with the name video.js or three.js whatever while not knowing If there are other popular libs that share same name or people could confuse with 🤔

  5. Please give me the authority to write an article (in Arabic and English) back linking and embedding your video on oigency blog (bloigency)

  6. As a software developer with actual 2 year experience so far, very much appreciate this video, didn't know half of these cool libraries, and haven't used any so far 😵, didn't had a need

  7. I‘be personally been using ScrollMagic and GSAP for most of my projects, but I got sick of GSAPs commercialized greediness. You have to create an account to even be able to use custom bezier easings, and you’ll get begged to upgrade to expensive plans with plugins that are included and free in animeJS. I switched just a few days ago, it wasn’t a huge difference in terms of coding, but a huge improvement in workflow and satisfaction! Loving it.

  8. What library could I use in order to get an animation (slide transition) like the one that can be seen on antoni.de video slider homepage?

Leave a Reply

Your email address will not be published. Required fields are marked *