intersectionobserver

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 Component to lazy load images and components using a HOC to track window scroll position.

🌅 React lazy load images with IntersectionObserver API and Priority Hints

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

Vue 3 waypoint component — trigger functions and events when an element enters/leaves the viewport, via IntersectionObserver. TypeScript, SSR-safe.

A JavaScript library to animate content on page scroll.

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

A library for idiomatic use of IntersectionObserver with Angular

A set of tools for emulating browser behavior in jsdom environment

Vue 2 directive that adds css classes when the element is the viewport

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

Image lazy load library for Angular 2+

React hook to use IntersectionObserver declaratively.

🔎 Intersection Observer API wrapper for Blazor applications

Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.

A live example of progressive image loading strategies

React Hook to track the visibility of a functional component

A rule-based approach to tracking element visibility.