An easy way to animate SVG elements.
It is for programming graphic design systems with SVG. It features a chainable drawing API, an unobtrusive scene graph, and a range of features aimed specifically at graphic designers: native support for color conversion, grid systems, typography, pixel iteration, as well as an expanding set of computational geometry helpers.
Lazy loading boosts page speed by deferring the loading of images until they’re in (or near) the viewport. This library makes it completely painless – maximizing speed by keeping options to a minimum.
Highlighter.js is a tiny library, to allow you to easily navigate, select and highlight the DOM elements.
Please.js is a polite companion that wants to help you make your projects beautiful. It uses HSV color space to create random pleasing colors as well as color schemes based on a given color. It has two core functions and a bunch of little helpers for you to use.
Formatting and manipulating numbers.
Etends native objects with helpful methods. It is designed to be intuitive, unobtrusive, and let you do more with less code.
A robust library for capturing keyboard input.
For loading and unloading behavior based on environment conditions.
imgix.js allows you to easily use the imgix API to make images on your site or app responsive to device size and pixel density.
A minimal 4kb library for showing & hiding things.
It helps you create an animated & interactive Particle System that reacts to viewer’s cursor. Based on Html5 canvas element.
For all kinds of color conversions and color scales.
Generate monotone color schemes and equidistant gradient stops.
A tiny script for generating attractive random colors.
Reorderable drag-and-drop lists on modern browsers and touch devices. No jQuery. Supports Meteor, AngularJS, React and any CSS library, e.g. Bootstrap.
ScrollMagic helps you to easily react to the user’s current scroll position.
A simple and fast API to monitor elements as you scroll.
Spoof timers and other date/time functions. Useful for slowing down 3D animations.
A modern approach to copy text to clipboard.
A JS library for building WYSIWYG editors for HTML content.
A markdown editor you really want.
substituteteacher.js lets you substitute sentences for each other, swapping only the words necessary.
Play with typography, animate letters, break apart words, reassemble sentences..
Pushing the boundary of browser typography rendering!
FastClick is a simple, easy-to-use library for eliminating the 300ms delay between a physical tap and the firing of a click event on mobile browsers. The aim is to make your application feel less laggy and more responsive while avoiding any interference with your current logic.
A tiny library for interactive swiping and reordering of elements in lists on touch screens. No dependencies.
QRCode.js supports Cross-browser with HTML5 Canvas and table tag in DOM. QRCode.js has no dependencies.
Utility that allows you to add a piechart as your favicon. It’s a small library, but shows some pretty neat potential.
Circles makes creating the charts very easy. Circles generates the SVG chart on the fly.
Ideal Image Slider
Quite simply the ideal Image Slider in vanilla JS.
Customizable date (and time) picker. Opt-in UI, no jQuery! Rome synchronizes in real-time with inputs, never steals focus, and its CSS is entirely customizable!
Thanks for sharing these resources. However, I would like to add one – ImageKit.io (https://imagekit.io) for real-time image optimization. Its API works with AWS, HTTP site, Magento, Shopify, or any WordPress site and provides UR based transformation to website images.