Top 20 Javascript Libraries

1

Dojo Toolkit

The Dojo is an open-source JavaScript library that helps develop cross-platform, JS, and Ajax-based web sites in a faster manner. DOJO has a vast set of APIs and modules. There are several parts in DOJO toolkit –

#Web Frameworks #Developer Tools #Python Web Framework 3 social mentions

2

jQuery

jQuery dramatically simplifies JS programming and is easy to learn and use. It is highly extensible and makes web pages load faster. jQuery wraps up a lot of standard functions making the job of the developer easy. A JS code of several lines could be just a method to be called in jQuery. It also has many plugins to perform different tasks. Some of the features of jQuery are CSS manipulation, HTML/DOM manipulation, HTML events, animations and effects, utilities, and AJAX. The best part of jQuery is the way it handles browser compatibility issues without the developer worrying about it. Some of the major IT companies like Microsoft, Netflix, and Google use jQuery. It is effortless to include jQuery in web pages.

#Development Tools #UI #Software Libraries 87 social mentions

3

Polymer

Created by Google, Polymer is a JS library that allows developers to reuse HTML elements and create custom elements using HTML, CSS, and JS to create more interactive applications. It is compatible with different platforms. Once you install Polymer using the command line interface or the Bower method, you can reuse already developed elements without worrying about how those were created. You can also build your custom elements using polyfills i.e., web component specifications. The custom elements can be distributed across the network and used simply by importing the required HTML. To install and use Polymer, you should be familiar with node.js, npm, Bower, Git, and Polymer CLI.

#Javascript UI Libraries #JavaScript Framework #JS Library 1 social mentions

#Flowcharts #Org Charts #Javascript UI Libraries

5

D3.js

D3 stands for Data-Driven Documents. With D3, you can apply data-driven transformations to DOM objects. The keyword with D3 is ‘data-driven,’ which means documents are manipulated depending on the data received. Data can be received in any format and bound with DOM objects. D3 is very fast and supports dynamic behavior for animation and interactions. There are plenty of already developed modules that give room for code reuse. D3 is flexible and exploits full capabilities of HTML, SVG (Scalable Vector Graphics), and CSS. D3 code is easy to debug as it uses the browser’s built-in inspector to show the path. Since D3 applies a declarative approach, it saves a developer many lines of code. D3.js is one of the most widely used JS toolkits as of now.

#Javascript UI Libraries #Charting Libraries #Data Visualization 159 social mentions

6

Pixi.js

#Javascript UI Libraries #Charting Libraries #Flowcharts 5 social mentions

7

SWFObject

This simple yet powerful JS library is mainly used to embed flash SWF files in HTML documents. It supports only SWF files, and no other media types can be embedded using SWFObject. There are two options – dynamic publishing and static publishing to add the markups. Many popular websites like Microsoft, YouTube, and more use SWFObject. To use this library, JS should be enabled on the user’s browser. SWFObject has many utility functions to do different tasks such as utilities to work with DOM or to identify if the latest version of the flash player is installed.

#Javascript UI Libraries #JS Library #Front-End Frameworks

8

Three.js

Cross-browser JS library and API that allows for the creation of beautiful animations, Three.js relies on WebGL rather than conventional browser-plugins. Through its library utilities, developers can include complex 3D animations on their website without much effort. Three.js include many features like geometry, lights, materials, shaders, effects, scenes, data loaders, animation, and much more. The library is a single js file. Since the source code is hosted on the GitHub repository, there is a lot of support and documents available for Three.js.

#Javascript UI Libraries #Flowcharts #Org Charts 229 social mentions

9

Velocity.js

Web animation has become a breeze with velocity.js. It is a fast performance engine that simplifies website animations. It is free, open-source software. Velocity is as fast (or more) as CSS and jQuery, especially on mobile devices. We can run a sequence of animations one after the other in a neat way, unlike jQuery or CSS, where we need extensive coding. Uber, WhatsApp, HTC, and many more websites use velocity to power their UIs. Including velocity is simple – include the JS file.

#Javascript UI Libraries #Charting Libraries #Developer Tools 2 social mentions

10

Preact.js

#Javascript UI Libraries #JavaScript #Javascript Utilities & Libraries 83 social mentions

11

Vue.js

Vue js is based on the Virtual DOM model, much like React, and has a component-based architecture. Using templates of Vue.js, apps can be created faster. Vue also requires fewer lines of code for the same task that would need more code with other libraries. If you need a small application to be built in less time, Vue should be your perfect choice. By combining Vue with other tools and utilities, you can get a full-fledged framework. As a framework, Vue can handle complex functionalities like routing, build tooling, and state management.

#Front-End Frameworks #Javascript UI Libraries #JS Library 341 social mentions

12

PHP

As the name suggests, JsPHP is a Javascript library for PHP API to be available in the JS environment. It is open-source and provides a compelling interface for JS developers who work in PHP. JsPHP can work in tandem with other libraries in an application. JsPHP supports PHP functions, including regular expressions, date-time evaluations, JSON, error handling, object manipulations, strings, XML, URL, and so on.

#Programming Language #OOP #Generic Programming Language 53 social mentions

13

Socket.io

#Developer Tools #App Development #Mobile Push Messaging 716 social mentions

14

MathJax

MathJAX, true to its name, is a cross-browser javascript library that can display math notations and uses markup like LaTeX, ASCIIMathML, and MathML. MathJAX beautifully represents maths in different browsers. It is totally accessible and reusable and produces HTML, CSS, SVG, or MathML output. It has a rich API. Since MathJAX doesn’t use bitmap images or flash, developers need not code anything.

#Web And Application Servers #Ad Servers #Git

15

Blockly

Blockly, a creation of Google, is a web-based visual programming editor. When added to the code, the library adds an editor to the app that represents code snippets like loops, expressions, variables, and more as blocks. The best part is that you can create custom code, and the output is syntactically correct in your choice of the programming language. Blockly has no server-side dependencies; it is a totally client-side library. Blockly helps gain computer knowledge because of its drag and drop editor.

#Developer Tools #Web Frameworks #JavaScript Tools 29 social mentions

Modernizr provides feature detection i.e., it tells you the JS, HTML, and CSS features that your browser has. This helps in knowing and avoiding the unimplemented features. Whether a feature is present or not is detected by using a Boolean property against each feature to be tested. For example, if the browser supports WebSockets, the corresponding property ‘Modernizr.websockets’ is real. There are over 250 features that can be tested using this library.

17

Verge3D

Adding the Verge3D toolkit, developers can create beautiful 3D visualizations on websites, for example, puzzles, UI and website layouts, animation, AR/VR, and much more. Bringing out the artist in you onto the screen has become so easy as Verge3D is interactive, and you don’t have to be a pro at coding. Moreover, the toolkit uses realistic colors and PBR materials to give you the most exquisite 3D web experience. Verge3D uses WebGL for rendering. Verge3D has been used by NASA to create a 3D visual experience of the Mars Lander.

#Game Development #Game Engine #3D Game Engine

18

Anime.js

One of the best animation libraries that makes staggering follow-through animations so simple, Anime.js is light-weight and comes with a clean yet powerful API. With Anime, timing plays an important role, and you can set various properties of CSS at different timings on the same element, and the element moves smoothly as per the transforms. Anime works with SVG, CSS, HTML, DOM, and JS objects.

#Javascript UI Libraries #Development #Charting Libraries 37 social mentions

19

Parsley

We spend much time in front-end form validations on websites that need users to fill information. Parsley library makes this form the validation process simple. It detects changes to the form data and adjusts the validations dynamically, giving the result almost instantly. All you have to do is write the form validation requirements in your HTML. Parsley has validators of different types that are UX focused and can be customized. Parsley is free, open-source, and highly reliable.

#Developer Tools #Software Libraries #JavaScript

20

QUnit

QUnit is a unit testing tool (rather framework) that can test any generic JavaScript code. Most jQuery projects use QUnit. QUnit has become essential as JS is now integral to any web project, and manual testing of so many functionalities is complicated and unreliable. Further, QUnit is powerful and easy to use. Unit tests written for one application can be reused for other applications across browsers.

#Testing #Automated Testing #Developer Tools