IntersectionObserver Packages

Experimental API for observing the visible box of an element.

LazyLoading for the New Millenium™

lazyloading images, iframes and videos with intersection observer 2

Viewport animation using IntersectionObserver.

crazy load with Intersection Observer API

JavaScript helper for viewport based CSS animations

Quicklink for Angular

Lightweight, no dependency library for lazy image load.

A JavaScript library for screen-intersected animations on page scroll.

Svelte use:action for element position notifications using IntersectionObserver.

vue-lazy-load-image-component

A React component to detect visibility of an element using IntersectionObserver

Faster subsequent page-loads by prefetching in-viewport links during idle time

Easy way to observe HTML element visibility, based on scrolling, resizing, changes in DOM. Emits true when observed element starts to be visible and emits false when the element hides.

Faster subsequent page-loads by prefetching in-viewport links during idle time

Harness the power of Intersection Observers for simple list virtualization in React

Wrapper for IntersectionObserver that returns the scroll direction

Faster subsequent page-loads by prefetching in-viewport links during idle time

A lightweight and high performance lazy loader and `element-in-view` callback based on [Intersection Observer V2](https://developers.google.com/web/updates/2019/02/intersectionobserver-v2) with an efficient polyfill for old browsers.

Quicklink for Angular