Lazy Load Fonts with IntersectionObserver API – LoadFont.js
A JavaScript utility to lazy-load font files when elements enter the viewport using IntersectionObserver. Control font loading with data attributes.
Loading
Lightweight Loading Overlay Plugin For Bootstrap 5 – AvalynxLoader
A lightweight JavaScript plugin for Bootstrap 5 that displays a loading overlay with an animated spinner over specified DOM elements.
Customizable Fullscreen Loading Screen with JavaScript – SWL.js
A customizable, fullscreen loading indicator for your web project. Easy setup, custom colors, and blur effects.
Fast, Lightweight YouTube Video Embed Web Component – lite-youtube
A vanilla JavaScript web component for faster YouTube embeds. Uses Shadow DOM, lazy loading, and responsive design to reduce page load times.
Pure CSS Frosted Glass Image Reveal Effect: Inspired By 4o Image Generation
Create a ChatGPT-4o image generation inspired frosted glass image loading/revealing effect using pure CSS.
Display Blurry Placeholders While Loading Images – unlazy
An SEO-friendly and framework-agnostic lazy loading library that displays a blurry image placeholder until the original image is completely loaded.
Responsive Progressive Image Lazy Loading Component – progressive-image
This is a custom-element that allows you to progressively loading images when the placeholders are clicked/tapped or scrolled into view.
Lazy Load Youtube Video With JavaScript – llyv.js
llyv.js is a Youtube Video lazy load library which allows the user to load Youtube Video Players on demand.
Animated Loading Spinner with Smart AJAX Support – VanillaSpin
A lightweight JavaScript library for adding customizable loading spinners to web applications with automatic AJAX detection and container-specific options.
Convert HTML Elements to Skeleton Loaders with SkeletonJS
A lightweight JavaScript library that helps you create animated skeleton loaders to improve your website’s perceived loading performance.