100+ Javascript libraries you aren’t using (but should)

100+ Javascript libraries you aren't using (but should)JavaScript libraries are incredibly useful tools for any designer or developer to be familiar with. They can add some super powerful functionality to your site or spruce up the design, resulting in a better experience for your users. With JavaScript libraries there are unlimited possibilities to create innovative and creative web applications, these libraries are lightweight and make web browsing fast without compromising the look of a website.

While there’s an endless number of resources out there, we think these 100+ JavaScript libraries are sure to take your site to the next level. So, what are you waiting for, let’s explore them one by one.

Imagine

Imagine is a parallax scroll and parallax animations framework with unlimited animation possibilities. Imagine animations can be used with any element in your page and comes with a perfected parallax background markup. Built with the use of jQuery, GSAP and Animus, the plugin is guaranteed to offer unmatched parallax scrolling experience.


Muse UI

A UI library based on Material Design principle and built on top of Vue.js 2.0, Muse UI is packed with Material Design Compenents such as Appbar, Card, and Dialog. It is great framework to build and run UI quickly.


Min.js

A super tiny JavaScript library to execute simple DOM querying and hooking event listeners. Aims to return the raw DOM node for you to manipulate directly, using HTML5 tech like element.classList or element.innerHTML, etc.


AniX

AniX is a lightweight and easy-to-use animation library with excellent performance and good compatibility for modern browsers. It uses the native css transition attribute, better than js simulation animation performance. And can use hardware acceleration. AniX is less than 10k in size, and it does not change your coding habit as much as possible.


DOMtastic

DOMtastic is a small, fast, and modular DOM & Event library for modern browsers. Same familiar API as jQuery. Works great stand-alone or paired up with e.g. Backbone or Angular.


Workbox

Workbox is a collection of JavaScript libraries for Progressive Web Apps by the Google Chrome team. You can use Workbox to simplify your development by making it easy to take advantage of powerful service worker features, eliminate boilerplate code, and automate service worker generation.


Britecharts

Britecharts is a client-side reusable Charting Library based on D3.js v4 that allows easy and intuitive use of charts and components that can be composed together creating amazing visualizations. It allows you to create various type of charts such as bar chart, line chart, donut chart, brush chart, tooltip chart, step chart and much more.


Debugout.js

Debugout.js generates a text file from your logs that can be searched, timestamped, downloaded and more. Debugout’s log() accepts any type of object including functions. Debugout is not a monkey patch, but a separate logging class altogether that you use instead of console.


Modulobox

ModuloBox is a modular JavaScript Lightbox plugin, which allows you to create responsive slideshow in a popup. Show off your favorite media in an elegant and responsive way. ModuloBox supports images, HTML5 & embed videos (Youtube, Vimeo, Dailymotion and Wisitia), iframe and HTML contents. All content types can be mixed together in a same gallery.

Built on top of the latest technologies, ModuloBox is multi-gestures compatible, smooth and performant! Easily navigate with one or several fingers on your smartphone. Swipe, drag and pinch content naturally like with a native mobile swipeable view. It also supports navigation with keyboard or mouse wheel to slide or zoom.


ComicBubbles

ComicBubbles is a JavaScript HTML5 canvas library which simplifies the process of adding speech bubbles to photos. ComicBubbles bubbles can be saved as JavaScript objects or merged with the original image


Tiva Timetable

Tiva Timetable is a responsive schedule javascript library with clean and modern flat interface. It is very easy to use yet gives plenty of features and styling options. You can use it for any kind of schedule or events calendar. There are 3 layouts for your choice: monthly view, weekly view or list view. You can manage timetables in json file or feed from your database via php file with ajax technique.


TimelinezJS

TimelinzJS is a lightweight and flexible JavaScript library for creating one or multiple timeline. This library is lightweight, no dependency, fully customizable, themabble with CSS, with JSON data structure, works with jQuery and bootstrap plugins, responsive, and well documented.


Gridzy

Gridzy is a gallery that is easy to use and that always adjusts to your respective layout. It’s fully responsive and highly customizable.
Gridzy focuses on performance, accessibility and stability while providing best experience for users of any device. It doesn’t have dozens of fancy effects and skins, but forms a good basis for your own cool stuff. Actually Gridzy doesn’t need any other javascript library, but you can use it as a jQuery-plugin if you like.


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.


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.


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.


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.


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.


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.


Fingerprintjs2

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.


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


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.


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.


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.


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.


Svg.js

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


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.


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.


MoveTo

MoveTo is a lightweight, smooth scrolling JavaScript library without any dependency.


Blurify

blurify.js is a tiny library to blurred pictures, support graceful downgrade from css mode to canvas mode.


AR.js

AR.js is JavaScript libraries unlike the others. This library enables us to create Augmented Reality using Web technology, and surprisingly runs really fast on mobile phones.


EagleJS

Eagle.js is a slideshow system built on top of the Vue.js web framework. It supports animations, themes, interactive widgets (for web demos), and makes it easy to reuse components, slides and styles across presentations. Eagle.js aims at offering a simple and very hackable API so you can get off the beaten tracks and craft the slideshows you really want.


Numscrubber.js

Numscrubber.js is a JavaScript library to change values of input numbers by dragging the mouse left & right. It is lightweight, easy to use and no dependencies.


Bootstrap Tour

A JavaScript library to build pop-up guides using a Bootstrap component. The popup guides usually appear for new user to walk them through the application interface, new features, and for showing tips. It is a perfect library if your site is built with Bootstrap as well.


Restive.js

Restive.js is a designer-friendly jQuery toolkit for building mobile-friendly websites. Using a combination of smart device detection, advanced breakpoints management, and timely CSS class additions, restive.js will make it easier for you to build mobile-friendly and/or responsive Web pages.


Brick

Brick is a JavaScript library designed to build web application UI. You’ll find some common ones like Calendar, Menu, and Form among the bundled components, It also comes with a “storage-indexeddb” component to allow you to store data on the client-side using IndexedDB.


Rythm.js

Rythm.js is a JavaScript library that makes your page dance. This library is currently in development.


BunnyJS

BunnyJS is a modern Vanilla JS and ES6 library and next-generation front-end framework, package of small stand-alone components without dependencies. It is lightweight native JavaScript and ECMAScript 6 library and next generation front-end framework, package of small stand-alone components without dependencies.

 


P2.js

2D rigid body physics engine written in JavaScript. It includes collision detection, contacts, friction, restitution, motors, springs, advanced constraints and various shape types.


Dragarrange

A Basic jQuery library to arrange/order DOM elements by dragging. This plugin doesn’t require any CSS change, just call the function on elements you want to be arranged, and you are done.


WidgetPopJS

WidgetPop is a modern intuitive HTML5 CSS3 JS multipurpose Popup to convert website visitors into prospect leads. The WidgetPop is responsive and works in all modern devices and browsers from mobile to desktop.

Package includes 9 different popups for multiple purposes. From business to non profit websites. JS version includes: special popup triggers on events such as on scroll, on click popup, close popup etc more events in next updates.


Nanogallery 2

nanogallery2 is a JavaScript library to create beautiful and high-quality image galleries for your website. Besides simplifying your workflow, there’s one unique feature: you don’t need to generate the thumbnails of your photos. Thumbnails are automatically generated in any size for responsive design and optimized for best performance. It’s free to use for personal or open source projects.


QArt.js

QArt.js is a JavaScript library that merges pictures and QR codes for artistic QR codes. It can be used as React component, Angular.js directive and Vue.js directive.


Survey.js

survey.js is a JavaScript library to add a survey to your website. It uses JSON for survey metadata and results. Also it can be used with bootstrap. It’s just a Javascript library. That means you have the full control. You may get/set data or send them to the server at any moment. Modify survey on the fly and add new functionality.


Enquire.js

enquire.js is a lightweight, pure JavaScript library for programmatically responding to media queries. This library includes JavaScript callbacks for media queries matching and un-matching, clean and intuitive API and absolutely tiny. enquire.js allows you to harness media queries in JavaScript, giving you the tools to create advanced responsive sites.


Getlorem

getlorem is a library for generating passages of Lorem Ipsum text, suitable for use as placeholder text in documents. This library can also be used as a jQuery plugin.


Poly-Decomp.js

Poly-Decomp.js is a library for decomposing 2D polygons into convex regions.


iTyped

iTyped is a dead simple Javascript animated typing, with no dependencies. iTyped has a tiny size and easy to use.


ezPrint.js

ezPrintJS is a tiny JavaScript print page library which allows to make pretty-looking printable pages without the need of modification even single line of existing code in your CSS styles and HTML markup. You are free to precisely customize content your visitors will see on the paper.


Userpic JS

UserpicJS is a pure JavaScript plugin which creates a canvas-based avatar for users who don’t have any photo. You can set up user’s avatar as you want by changing of some parameters. It has no dependencies, no server-side required, easy customisation, small size, 4 built in text modes, and good documentation and examples.


Tile.js

A tiny requestAnimationFrame powered 60+fps lightweight parallax tilt effect for jQuery.


Multi.js

multi.js is a user-friendly replacement for select boxes with the multiple attribute. It is mobile-friendly, easy to use, and provides search functionality. multi.js is also easy to customize and style with CSS.

 

You may also like...

Read previous post:
10 Best AngularJS Development Companies

AngularJS is a full-featured, open-source and front-end JavaScript framework. It is used by web developers to create faster, highly interactive,...

Close