Top 11 intersectionobserver open source projects

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

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.

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

Practical, real world examples of Intersection Observer

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 set of tools for emulating browser behavior in jsdom environment

A live example of progressive image loading strategies

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

🔎 Intersection Observer API wrapper for Blazor applications

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

React hook to use IntersectionObserver declaratively