15 Must Have JavaScript Libraries for April 2017


We try our best to bring you useful and fresh web resources every month, new apps and resources are coming every day and choosing a suitable one is quite boring task as it demands bit time and efforts.

For today’s article, we have compiled a list of JavaScript Libraries released recently.

In this roundup we have covered feature enriched and interactive JavaScript Libraries that offer you several functions and can serve number of purposes for you to build effective and useful web applications.

If you are aware of some other useful JavaScript libs which released recently, then let us know by posting a comment below, we would love to add them in our list. Enjoy

1. Selector.js

Selector is a micro JavaScript library used as a replacement for jQuery. The aim of this project is to build a replacement for jQuery while constantly finding optimizations to shrink the overall file size of the library, keeping the minified, gzip compressed file under 5KB while simultaneously adding more support for jQuery features.

2. Moon

Moon is a simple front end JavaScript library heavily inspired by Vue. The library is fast, flexible, and easy to learn. This library includes powerful directives; compose with components, easy to learn API, blazing fast performance and small file size. Moon uses a fast Virtual DOM, and can rerender the DOM efficiently, only updating nodes where changes were made.

3. Zuck.js

Zuck.js is a JavaScript library to create stories for mobile and desktop as you can see on Snapchat, Instagram, Facebook and WhatsApp. This library includes custom themes snapgram, facesnap, snapssenger and vemdezap, simple media viewer, lightweight and library agonstic.

4. Cardinfo.js

CardInfo.js allows you to get the logo of the bank and brand, brand colors and etc. by card number. With CardInfo you can create a beautiful form for receiving payments from the card.

On the first six characters of the card, the bank will be determined, the form will be repainted in the bank’s brand colors, the bank logo will appear in the upper left corner. The first symbols of the card will determine the type of card: Visa, MasterCard, American Express, Diners Club, Discover, JCB, UnionPay, Maestro or MIR.

The database currently has 49 most popular Russian banks, soon will be added banks for United States, Canada, England, Australia and New Zealand.

5. Tippy.js

Tippy.js is a lightweight, pure JavaScript tooltip library powered by Popper.js – an awesome positioning library that takes the headache out of positioning all the tooltips nicely.

6. HyperApp

HyperApp is a lightweight JavaScript library for building frontend applications. HyperApp’s design is based on the Elm Architecture. Create scalable browser-based applications using a functional paradigm. The twist is you don’t have to learn a new language. Out of the box, HyperApp has Elm-like state management and a virtual DOM engine; it still weighs 1kb and has no dependencies.

7. Chroma.js

Chroma.js is JavaScript library to manipulate colors. It supports many color formatting including HEX, RGB, and RGBA. On top of that, you can also manipulate the colors by the brightness, the contrast, and the saturation.

8. FIngerpringjs2

It is a modern & flexible browser fingerprinting library, a successor to the original fingerprintjs. This project will use significantly more sources for fingerprinting, all of them will be configurable, that is it should be possible to cherry-pick only the options you need or just enable them all.

9. Planck.js

Planck.js is a 2D JavaScript physics engine for cross-platform HTML5 game development. It has following features-
• Taking advantage of Box2D’s efforts and achievements
• Developing readable and maintainable JavaScript code
• Optimizing the library for web and mobile platforms
• Providing a JavaScript-friendly API

10. Sortboard

Sortboard is small library for sorting and filtering HTML elements which uses CSS3 matrix() and scale() transform functions. It supports RegEx string filters and it’s responsive by default.

11. View-anim

A lightweight library with 0 dependencies that provides functionality to play animations when the element is visible in the viewport. Included are a standard Javascript version view-anim.js and an ES6 version view-anim.es6.js.

12. Ngeo

ngeo is a JS library that aims to ease the development of applications based on AngularJS and OpenLayers.
More specifically, ngeo is a collection of AngularJS Directives and Services useful for developing applications combining AngularJS and OpenLayers.
Through the Directives, Services and examples it provides, ngeo defines a specific way to combine Angular and OpenLayers in an application.

13. Fabric.js

Fabric.js is a framework that makes it easy to work with HTML5 canvas element. It is an interactive object model on top of canvas element. It is also an SVG-to-canvas parser.

Using Fabric.js, you can create and populate objects on canvas; objects like simple geometrical shapes — rectangles, circles, ellipses, polygons, or more complex shapes consisting of hundreds or thousands of simple paths. You can then scale, move, and rotate these objects with the mouse; modify their properties — color, transparency, z-index, etc. You can also manipulate these objects altogether — grouping them with a simple mouse selection.

14. Svg.js

A lightweight library for manipulating and animating SVG, without any dependencies. SVG.js is licensed under the terms of the MIT License.

15. Proj4js

Proj4js is a JavaScript library to transform point coordinates from one coordinate system to another, including datum transformations. Originally a port of PROJ.4 and GCTCP C it is a part of the MetaCRS group of projects.


Javascript ES6 : From Zero To Hero

The Full JavaScript & ES6 Tutorial – (including ES7 & React)

Angular, React.js & Vue.js – Quickstart & Comparison

Source viva: codegeekz 


Please enter your comment!
Please enter your name here