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.
Loading
12+ Lightweight CSS Loading Animations – NanoLoader
12+ customizable CSS loading animations with multiple colors, sizes, and mobile support. Easy plug-and-play setup.
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.
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.
Customizable Fullscreen Loading Screen with JavaScript – SWL.js
A customizable, fullscreen loading indicator for your web project. Easy setup, custom colors, and blur effects.
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.
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.