This article was published 8 years ago, therefore the contents of this post may be out of date.

JavaScript libraries are an incredibly useful tool for any developer to be familiar with, as they can add some super powerful functionality to your website or update the design, resulting in a better experience for your visitors.

Inside is a list of time-saving, lightweight. useful and impressive JavaScript libraries to check out in 2017 that doesn’t need you to include jQuery, and all of these JavaScript Libraries are open source and are available through GitHub so you can add something to them if you think something is missing from them.

1. TimeMe.js

TimeMe.js is a JavaScript library that accurately tracks how long users interact with a web page. It disregards time spent on a web page if the user minimises the browser or switches to a different tab. This means a more accurate reflection of actual ‘interaction’ time by a user is being collected. Additionally, TimeMe.js disregards ‘idle’ time outs. If the user goes idle (no page mouse movement, no page keyboard input) for a customisable period of time, then TimeMe.js will automatically ignore this time.

2. Date-FNS

date-fns provides the most comprehensive, yet simple and consistent toolset for manipulating JavaScript dates in a browser & Node.js.

3. Vanilla Modal

A tiny, flexible, completely dependency-free CSS-powered JavaScript modal.

4. Notyf

Notyf is a dead simple, responsive, vanilla javascript notification plugin. No jQuery required.

5. Croppr

A vanilla JavaScript image cropper that’s lightweight, awesome, and has absolutely zero dependencies.

6. Table Dragger

Easily add drag-and-drop sorting to your table without jQuery

7. Ascii Morph

AsciiMorph is a small stand alone JavaScript library for rendering ascii art and creations into elements, allowing for them to be changed out with a morphing transition.

8. ScrollTrigger

Triggers classes on html elements based on the scroll position. It makes use of requestAnimationFrame so it doesn’t jack the users scroll, that way the user / browser keeps their original scroll behaviour. Animations run when the browser is ready for it.

9. Vidage

Vidage.js will automatically handle your full-screen background video for you. It will hide and pause the video for touch devices and/or smaller width (34em) and instead show the fallback image that you should provide. It determines whether to do that or not on the canplay and resize events.

10. Siema

Siema is a lightweight (only 1kb gzipped) carousel plugin with no dependencies and no styling. As Brad Frost once said “do that shit yourself”.

11. Animate On Scroll

AOS allows you to animate elements as you scroll down, and up. If you scroll back to top, elements will animate to it’s previous state and are ready to animate again if you scroll down.

12. Pull To Refresh

A small, but powerful Javascript library crafted to power your web app’s pull to refresh feature. No markup needed, highly customisable and dependency-free!

13. FrameRat.js

FrameRat.js is an animation frame library written in Javascript.

14. FowlJS

FowlJS is a JavaScript library for filtering profanity.

15. ProcessTracker

A javascript library to use a process tracker in your site. Imagine the situation where user needs to track some process in your site. For example an user made an order in your site and he want’s to keep track his order status then we can use this Process Tracker so he/she can keep the track of the order visually.

Share

15 New & Impressive JavaScript Libraries from GitHub