CSS Only Image Loader With Fallback
A pure CSS loading indicator that displays when an image is loading on the page. It has the ability to display a fallback error image if the original image fails to load.
Loading
Customizable Screen Skeleton Loader In CSS – css-skeletons.css
A CSS library to generate an animated, highly customizable skeleton preview of your web content using a single DIV.
Image Loading Blur Effect In JavaScript And CSS
A loading indicator that adds a beautiful image loading blur effect to your site. Kind of like Medium.com’s image lazy loading animation.
Lazy Load Images/Backgrounds/Iframes With JavaScript – TinyLazyLoad
A really simple and lightweight JavaScript lazy load library that supports images, iframes, and background images.
Animated Button Loader In CSS
An animated loading animation that displays an awesome stripe animation inside your button. Built with plain HTML and CSS.
Minimal Text-based Loading Indicator With JavaScript – lwder.js
A lightweight (1kb minified) plain JavaScript library for creating text-based (any characters even emojis) loading indicators with minimal effort.
Animated Circular Speedometer In Vanilla JavaScript
A Vanilla JS & CSS powered animated circular speedometer (progress bar) designed to show the percentage completion of a task.
iOS Style Loading Spinner with Pure CSS – ispinner
Display an iOS-style loading indicator while data in a specific area is loading. Built with pure CSS and CSS3.
Show Images Only If They Are In Viewport – ldlazy
A Vanilla JavaScript lazy loading library that shows images only if they are in the viewport.
Dynamic Reading Position Progress Bar – proBaws.js
A JavaScript library for drawing a dynamic reading position progress bar on the top of the page.