Intersection-Observer Packages

Allows us to check if an element is within the browsers visual viewport

React components to add reveal animations using the Intersection Observer API and CSS Animations.

A React <Img /> component let you handle image UX and performance as a Pro!

React Hooks for IntersectionObserver.

React hook to monitor an element enters or leaves the viewport (or another element).

Image lazy load library for Angular 2+.

Detect if component is in device viewport

React hook to use IntersectionObserver declaratively.

A package which lazily loads it's children components based on viewport visibility of the component. Useful in lazyloading images or any other custom component.

react scroll component using intersection observer API

React component for create an inifinte list

Vue directive to observe intersection of an element with viewport.

Intersection Observer for Vue JS

simple-react-intersection-observer React component

react native intersection observer

Svelte component to lazy load images using Intersection Observer

⚛️ Minimal zero dependency lazy load images solution with a simple React Hook for all images of an element

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.

react hooks & intersection-observer

VueJS plugin that reports element intersections using the IntersectionObserver API