LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

🌅 React lazy load images with IntersectionObserver API and Priority Hints

React Component to lazy load images and components using a HOC to track window scroll position.

A JavaScript library to animate content on page scroll.

trigger functions and events based on the element position on the screen

A Vue component to add intersection-observer to a Vue component or HTML element.

Detect if an Ember View or Component is in the viewport @ 60FPS

gluebert.js is a tiny helper lazy loading DOM Elements, StyleSheets and JavaScript files using dynamic import and code splitting

Component-based lazy (CLazy) load images in Vue.js 2

Image lazy load library for Angular 2+

A library for idiomatic use of IntersectionObserver with Angular

React Hook to track the visibility of a functional component

A live example of progressive image loading strategies

A simple React hook that works with the Intersection Observer API.

Know when elements are about to scroll into the viewport

React hook to use IntersectionObserver declaratively

A Svelte component that monitors an element enters or leaves the viewport.🔥

Wrapper around IntersectionObserver to hide away its weirdness and increase ease of usability

Showcasing of the Intersection Observer API in React with createRef()

A lit-element web component that uses Three.js to display an STL model file.

💨 A tiny library to transition your DOM elements as they become visible in the viewport.

A convenient wrapper around IntersectionObserver for tracking element position relative to the viewport.

Angular directive that adds sticky position to an HTML element and also applies and remove a custom class when the element is sticky positioned.

🔎 Intersection Observer API wrapper for Blazor applications

An image preload module for Angular using IntersectionObserver in favour of scroll listener's.

DOM展示则触发（Vue自定义指令）

Lazyload images with Intersection Observers

An async module that resolves when an element has entered the viewport at a certain percentage, using the Intersection Observer API

Native Lazy Loaded Picture Element with Progressive Image Change