Modern TypeScript Progress Bar Library – BProgress
A lightweight TypeScript library for creating slim, customizable top progress bars. A modern, maintained alternative to NProgress and Pace.js.
Loading
Delay The Loading Of Anything With Defer.js
Defer.js is a small and lightweight JavaScript library that delays the loading of web resources to improve page speed.
Google-Style 4-Dot Bounce Loading Indicator with Pure CSS/CSS3
Create a Google-like loading spinner with just HTML and CSS. No JavaScript, no bloat. Just smooth, staggered dot animations.
Lazy Loading Video Backgrounds with IntersectionObserver
Build a fast, mobile-friendly video background using IntersectionObserver for lazy loading and CSS for a smooth fade-in.
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.
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.