Simple Image Preloader With Callbacks – resloader
resloader is a pure JavaScript library to preload an array of images (or image objects) with useful onStart, onProgress, and onComplete callback functions.
Loading
Only Load Youtube Video Player After Clicking The Thumbnail – LazyTube
LazyTube is an ultra-light Youtube video lazy load library which only loads/displays video thumbnails on the page and fetches the Youtube video player only when the thumbnail is clicked.
Modern SEO-friendly Image Lazy Load Library – leniwiec.js
leniwiec.js is a tiny JavaScript lazy load library that supports img/picture tags and background images. Powered by the Intersection Observer API.
Single Div CSS Loading Spinners – css-loader
css-loader is a set of loading indicators / spinners built using single DIV element and pure CSS/CSS3.
Minimalist Image Lazy Loader Based On Intersection Observer – lzy.js
lzy.js is a small performant image & background image lazy loader built with vanilla JavaScript and the Intersection Observer API.
Embeds HTML Into A Document Using Fetch API – html-include
html-include is a web component that enables developers to embed external HTML content into a document using the Fetch API.
Small Top Progress Bar Component In Pure JS – bar-of-progress
bar-of-progress is a pure JavaScript component that displays a progress bar/loading indicator on the top of the page just like Youtube.
Accessible Image Lazy Load In Pure JavaScript – gandul.js
gandul.js is a small accessible image lazy load library that works with the a link and supports responsive image delivery.
Ladda Button Component In JavaScript – Kaomos Button
Kaomos Button is a pure JavaScript Ladda Button web component that displays an inline loading indicator inside the action button when a certain action is triggered.
4 Animated CSS Loading Spinners – kSpinners.css
The kSpinners.css library provides 4 cool animated loading spinners for modern web design: Pulse Signal Spin Swirl See also: 10 Best Loading Spinner & Indicator jQuery Plugins 10 Best Loading Spinner/Indicator JavaScript & CSS Libraries How to use it: Installation & download. # NPM $ npm install @knekk/spinners –save Include the kSpinners.css on the webpage. <!– All… Read More »