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

Intersection Observer

React Component to lazy load images and components using a HOC to track window scroll position.

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

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

React component for the Intersection <Observer /> API

Lazy load images using Intersection Observer, apply progressive rendering and css animations.

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

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

Quicklink prefetching strategy for the Angular router

Simple scrollytelling with the IntersectionObserver in React.

Detect if React component is in viewport

Detect if an element is in the viewport using the Intersection Observer API

A Vue component to add intersection-observer to a Vue component or HTML element.

🥇 A small JavaScript library to lazy-load almost anything. Defer.js is dependency-free, efficient, and optimized for Web Vitals.

🖼️ 🛋️ Components and utilities for lazy image loading in React

A library to lazy load images using Intersection Observer

A switching title effect where a fixed element changes depending on the scroll position.

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

Tailwind CSS with Intersection Observer variants

📜 A super-tiny library for your scrollytelling needs.

A library for idiomatic use of IntersectionObserver with Angular

A react hook to find out if an element is in a given viewport with a simple api.

A script you include during development that shows the root, target, and intersection every time an IntersectionObserver is triggered.

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

React infinite scroll using the Intersection <Observer /> API

USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨

Svelte action that leverages the Intersection Observer API to trigger reveal on scroll transitions.

React Native component that monitors when an element enters or leaves the client viewport.

A JavaScript vanilla library to scroll based reveal animations. The murphy.js is a lightweight JavaScript animation library with a simple implementation way. All this works by joining of data-attributes, Web animate API and Intersection Observer API.