21 Popular JavaScript Libraries Every Web Developer Should Know

• MathJax

  57 9,919 1.0

  Beautiful and accessible math in all browsers

  

Ah, good old maths. As its name suggests, MathJAX simply allows you to include mathematics in your pages. This includes special math notations and symbols. MathJax automatically formats the mathematical symbols and equations that you enter in HTML and problem components using LaTeX notation into beautiful math. A MathJax equation can appear with other text in the paragraph (inline) or on its own dedicated line (block).

• dropzone

  11 17,860 0.0 JavaScript

  Dropzone is an easy to use drag'n'drop library. It supports image previews and shows nice progress bars.

  

Dropzone allows you implement “drag and drop” features on your website. It is also highly customizable with custom code. It’s lightweight, doesn’t depend on any other library (like jQuery).

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• Vue.js

  381 207,025 7.7 TypeScript

  This is the repo for Vue 2. For Vue 3, go to https://github.com/vuejs/core

  

Very similar to React, Vue is a front-end framework used to create single-paged applications with the popular component-based architecture. The upside with using Vue is that you write smaller amount to code compared to other UI libraries. Vue JS is growing stronger by the day, and is getting adopted at a quick rate.

• underscore

  32 27,239 4.0 JavaScript

  JavaScript's utility _ belt

Underscore is a lower level JavaScript library. Lower level in that it’s very close to vanilla JavaScript. All it does is provide you with some helpers and tools to create web applications faster.

• three.js

  453 99,113 9.9 JavaScript

  JavaScript 3D Library.

Aha! Something to make some cool, eye-catching stuff. Three js is an immensely popular JavaScript 3D library for creating visual effects on your website. It is a great option for those looking to create 3D visualizations without the need for heavy-duty game engines.

• Socket.io

  827 60,210 7.9 TypeScript

  Realtime application framework (Node.JS server)

  

You should know that by default, the connection between the browser and web server is closed once the server responds with data. So how do you keep the connection open so data can seamlessly flow bi-directionally without having to make new requests in the process? Socket.io, based on web sockets, is a JavaScript libabry which enables event-based two-way communication between the browser and the web server. It utilizes a node.js server. https://socket.io/

• lodash

  188 58,944 5.1 JavaScript

  A modern JavaScript utility library delivering modularity, performance, & extras.

  

When you think of this library, you think of utilities. Lodash is an immensely useful library which contains and provides utility functions which you call into your code to perform a specific task. Saving your time you would have wasted in writing it yourself.

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• Lettering.js

  5 5,394 0.0 JavaScript

  A lightweight, easy to use Javascript <span> injector for radical Web Typography

Lettering is an interesting JavaScript library for texts. You can style and layout individual texts on your page, including implementing some cool transitions and animations. Lettering JS is a jQuery plug-in. Hence, it requires jQuery to work.

• jQuery

  166 58,906 8.5 JavaScript

  jQuery JavaScript Library

  

jQuery is one of the oldest yet most popular JavaScript libraries still in existence. You’ve probably already heard of the DOM, which stands for Document Object Model. jQuery is perfect and quite reputed for manipulating the DOM. You can also dothings like HTML events, animations and effects, CSS manipulation, and AJAX calls.

• chartist-js

  13 67 0.0 JavaScript

  Legacy Chartist Repo for old gh-pages

Ah, here is something for the data analysts! Chartist is a nice JavaScript library for creating simple, responsive and customizable charts for your website. Chartist uses SVG to render them; hence, your charts can also obey custom CSS rules.

• Ember.js

  36 22,456 9.4 JavaScript

  Ember.js - A JavaScript framework for creating ambitious web applications

  

Ember is a powerful JavaScript framework which helps developer to create websites without having to worry about the nitty-gritty of the process. It includes everything you need to create rich UIs and combine them to form a powerful and highly scalable website.

• d3

  277 107,723 8.0 Shell

  Bring data to life with SVG, Canvas and HTML. :bar_chart::chart_with_upwards_trend::tada:

  

D3.js is a JavaScript library for manipulating documents based on the nature of data received. It stands for “Data Driven Documents”, which kind of explains its task. The library uses pre-built functions to select DOM elements, create SVG objects, style them and add transitions and other effects. These objects can also be styled using pure CSS.

• AngularJS

  46 59,496 4.2 JavaScript

  Discontinued AngularJS - HTML enhanced for web apps!

  

Angular is one of the oldest JavaScript libraries till date. Wait, Angular is actually a Framework, not a Library. It allows you create single-paged, client-side web applications. Angular is written in TypeScript and backed by Google. Some of the popular companies who use Angular are Google (obviously), PayPal and iTunes.

Suggest a related project