These libraries and plugins can add powerful functionality to your site or help you create current web design trends, resulting in exceptional experiences for your users.
A fantastic credit card form with smooth and sweet micro-interactions. Includes number formatting, validation and automatic card type detection. Built with vuejs and also fully responsive.
Sal (Scroll Animation Library) was created to provide a performant and lightweight solution for animating elements on scroll. It’s based on the Intersection Observer, which gives amazing performance in terms of checking the element’s presence in the viewport.
Headroom.js is a lightweight, high-performance JS widget (with no dependencies!) that allows you to react to the user’s scroll. The header on this site is a living example, it slides out of view when scrolling down and slides back in when scrolling up.
Barba is a small (7kb minified and compressed) and easy-to-use library that helps you creating fluid and smooth transitions between your website’s pages .It helps reducing the delay between your pages, minimising browser HTTP requests and enhancing your user’s web experience.
Next-Generation full text search library for Browser and Node.js
Split.js is a 2kb un-opinionated utility for re-sizeable split views (also called panes or frames). It handles weird edge cases so you don’t have to. Split.js is CSS-driven, only using JS to recalculate CSS styles on drag. Split.js does not attach any window event listeners, instead relying on CSS for the layout when the window size changes. This keeps the JS overhead extremely low.
instastory.js is a jQuery plugin to make it easy for you to make an instagram feed from a hashtag or a user (that is not private). It uses a standard Ajax call to a standard instagram url witch provide the data in JSON format. That means no need for app token client ids.
A tiny library for converting browser’s audio to WAV/PCM
Freezeframe.js is a library that pauses animated .gifs and enables them to animate on mouse hover / mouse click / touch event, or triggered manually.
Small and fast lib for smoothing visible banding in linear-gradient backgrounds.
BmapQuery is a Microsoft BingMaps V8 functions. to be used inside web pages. component to be used as part of web applications and websites.
Intercooler is a small jQuery or zepto.js based library that allows you to add AJAX to your application using HTML attributes.
This library uses the css mix-blend-mode in order to bring Dark-mode to any of your websites. Just copy paste the snippet and you will get a widget to turn on and off the dark-mode. You can also use it without the widget programmatically.
The plugin is lightweight, built in VanillaJS. It also uses localstorage by default so your last setting will be remembered !
Tone.js is a framework for creating interactive music in the browser. It provides advanced scheduling capabilities, synths and effects, and intuitive musical abstractions built on top of the Web Audio API.
Cleave.js has a simple purpose: to help you format input text content automatically.
20. Simple Parallax