Add CSS animations to delight users as they scroll down.

A tiny javascript library by Q42


Pico.js – Lightweight JavaScript Face Detection Library

pico.js is lightweight face detection library in 200 lines of JavaScript. pico.js has real-time detection capabilities (200+ FPS in a practical setting)

If your platform supports the getUserMedia API call, you can try the pico.js real-time face detector. Simply click the button below and allow the page to access your webcam.


Glide.js -JavaScript ES6 slider and carousel

Glide.js is a dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide, no less.


  • Dependency-free. Everything included, ready for action.
  • Lightweight. Only ~22kb (~7kb gzipped) with every functionality on board.
  • Modular. Remove unused modules and drop script weight even more.
  • Extendable. Plug-in your own modules with additional functionalities.
  • Bundlers ready.

ScrollBooster – Content Drag-to-Scroll Library

ScrollBooster is a lightweight and enjoyable content drag-to-scroll library. It can be used in table, images and any other content.
Example Download

Driver.js – JavaScript Engine to Drive Users Focus Across the Page

Light-weight, no-dependency, vanilla JavaScript engine to drive user's focus across the page

What are the features?

Driver is compatible with all the major browsers and can be used for any of your overlay needs. Feature introductions, focus shifters, call-to-action are just a few examples.

  • Highlight any (literally any) item on page
  • Block user interactions
  • Create feature introductions
  • Add focus shifters for users
  • Highly customizable – Use it anywhere for overlay
  • User Friendly – Controllable by keys
  • MIT Licensed – Free for personal and commercial use
  • Lightweight – Only ~4kb when gzipped
  • Consistent behavior across all major browsers

FilePond – Flexible JavaScript File Upload Plugin

FilePond is a flexible and fun javascript file upload plugin with beautiful animations, fast uploads with client-side image optimization and smooth user experience.

A JavaScript library that can upload anything you throw at it, optimizes images for faster uploads, and offers a great, accessible, silky smooth user experience.



The most versatile animated typing utility on the planet. |

Progress Nav – Animated Progress Bar to Highlight Current Section

Progress Nav is an animated progress bar that highlights sections of a page that are currently in view.

This page demonstrates an idea for how progress can be visualized inside of a standard page nav. Scroll the page and note how the marker animates to highlight all of the sections that are currently on screen.

The rest of the content below is taken from Take a look at that to see how the progress nav looks on a real page.

Created by Hakim El Hattab | | @hakimel


Amplitude JS

Amplitude.js is the HTML5 Audio Player for the modern era. No dependencies required.

Amplitude.js is a lightweight JavaScript library that allows you to control the design of your media controls in your webpage -- not the browser. No dependencies (jQuery not required). Amplitude.js is available under the MIT License.


  • Completely independent library (no jQuery required)
  • 100% customizable design of all player elements
  • Available by CDN or single command install: npm install --save amplitudejs
  • Multiple playlist support on single page
  • Song meta data display
  • Soundcloud integration
  • Live streaming support
  • Call back functions for events
Website Download

Select2 – The jQuery replacement for select boxes

Select2 gives you a customizable select box with support for searching, tagging, remote data sets, infinite scrolling, and many other highly used options.
  • Fully extensible
  • Dynamic item creation
  • Full browser support