it's our channel tradition now to review trending javascript libraries every year
and 2021 is going to be another exciting year for web development as covid-19 has
forced many businesses to go online so in this video we are going to show you seven trending
javascript libraries that going to help you with your dev project ready let's check it out
if you are working on a game or project that needs the virtual joystick as input
nipple.js is a javascript library you can't miss it's very easy to implement just specify
the element you want to attach the virtual joystick to and done the library provides you
all of the user's input properties such as force pressure distance angle and directions then you
can easily use CSS to change the joystick's appearance there are also lots of options
you can customize joystick properties like size fading time operation mode and more check the
demo on the project page and you will see what I'm talking about intro.js is probably the most
popular and one of the best javascript library for creating tutorial or instruction for application
whether it's going to be a single or multiple page app basic step-by-step tutorial or hint button
intro js can handle it all the guide box will be automatically positioned and can be applied
on any html or even svg element there are lots of features and customizable options available
like progress bar exit confirmation box or even prevent interaction with the element while the
tutorial is still active the only catch is it's not free and you need to pay 10 bucks if you want
to use intro.js in commercial application but hey for the lifetime license it's not quite a bad deal
if you are looking for a javascript library to recognize text from images or video then
you can't miss tesseract.js tesseract.js is an OCR javascript library that can get words out of image
and video in real time and in almost any languages English Chinese or even Russian setting up library
is very simple see this example here's all the code you need each word will be highlighted by
the bounding box and as for video the text will be recognized and separated by the timestamp
tesseract.js works well on both browser and server sites or even desktop and mobile application
using electron check out the demo on the project page to get started I talked about this library
years ago but recently it's been trending so I'd like to include it into this list
if you are looking for a javascript library to generate mockup data then faker.js is the
one for you with just a few lines of code you can generate literally all kinds of random data such
as personal information email phone number address occupation bank account number or company name or
even trivial stuff but sometimes incredibly useful like vehicle VIN number or music genre
and the cool thing about faker.js is you can set the localization of the generated data but not
all countries are available though so check out faker.js and I'm sure you won't be disappointed
if you are looking for a javascript library for creating text editor then editor.js is what you
are looking for it's a blog style editor like WordPress gutenberg editor that many people
are familiar with editor.js has all the basic features that you need like paragraphs headings
images lists quotes and more setting up editor was very quick and easy too and the cool thing
about this library is you can retrieve the text data on the editor in json format for processing
check out the demo on the project page and you'll be impressed if you are looking for the easiest
way to create the two tips on your website or javascript application then don't miss popper.js
no need to write messy code to handle two tips position or size adjustment popper.js will do
it for you all you need is to specify the tooltip element and the target element and that's it the
library will automatically try to adjust the two tips to be in the best position as possible oh
and don't worry about loading time the library is very small with just 2 kilobytes in size and this
list wouldn't be completed without this library if you are looking for a 3d webgl javascript library
then three.js is your first choice you can create stunning 3d scenes like these examples and display
it on website very easily everything essential for 3d WebGL development is included in the
library core js file but of course you can always add more add-on to suit your requirement and now
as the virtual reality trend is going strong three.js also support webXR which is the latest
standard which replacing webVR you can now create vr website without having to worry about handling
the equipment and devices I often make three.js tutorial videos so don't forget to subscribe
oh and you can find tutorials of some of the 3d scenes on this video and description box below
so that's all for this video if you also have interesting javascript you'd like to
share let me know in the comment section and if you want to see more dev tips and tutorials
don't forget to subscribe our channel to stay tuned thanks for watching see you next time bye