@researchgate/react-intersection-observer

React component for the Intersection Observer API
v1.3.5 URL: https://unpkg.com/@researchgate/react-intersection-observer@1.3.5/lib/js/index.js
OpenBrowse Files
IntersectionObserverreactcomponentviewportvisibleinvisibleresearchgate

svelte-intersection-observer

Detect if an element is in the viewport using the Intersection Observer API
v1.0.0 URL: https://unpkg.com/svelte-intersection-observer@1.0.0/index.js
OpenBrowse Files
sveltesvelte componentintersection observerviewportlazy-loadingconditional

react-intersection-observer

Monitor if a component is inside the viewport, using IntersectionObserver API
v9.16.0 URL: https://unpkg.com/react-intersection-observer@9.16.0/dist/index.js
OpenBrowse Files
reactcomponenthooksviewportintersectionobserverlazy loadinviewuseInViewuseIntersectionObserver

ngx-intersection-observer

Intersection observer for Angular
v1.0.13 URL: https://unpkg.com/ngx-intersection-observer@1.0.13/fesm2020/ngx-intersection-observer.mjs
OpenBrowse Files
ngxngx-intersection-observerangulartypescriptanimateanimationanimate on scrollintersectionviewportanimate.cssanimate.style

svelte-inview

A Svelte action that monitors an element enters or leaves the viewport or a parent element. Performant and efficient thanks to using Intersection Observer under the hood.
v4.0.4 URL: https://unpkg.com/svelte-inview@4.0.4/dist/index.js
OpenBrowse Files
svelteobserverobservingintersectionviewportinviewportin-viewin-viewportinviewobservewaypointintersection-observerintersection-observer-apiperformancemonitorscroll-directionscrolldirectionlazylazy-loadingscrollinganimationscompilecompilerrootroot-marginthresholdvisibilityvisibleinfinite-scrollinginfinitescrollingintersectingasyncasynchronouslyasynchronouspreloaddetect