Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
Resize observer for React
A simple React Hook that uses the Intersection Observer API
React lazy loading component, images, etc. It will monitor element and tell you when element enters into the viewport.
Graceful Progressive image loading for React
Intersection Observer Component
React hook to monitor an element enters or leaves the viewport (or another element).
A polyfill of IntersectionObserver API
ESLint rules for React Hooks
React hook for component-size
A React hook that allows you to use a ResizeObserver to measure an element's size.
React hook library, ready to use, written in Typescript.
Backwards compatible shim for React's useSyncExternalStore. Works with any React that supports hooks.
Polyfills the ResizeObserver API and supports box size options from the latest spec
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.
The `useOnScreen` hook utilizes the Intersection Observer API to detect if an element is visible within the viewport. It's ideal for scenarios such as lazy loading images, triggering animations on scroll, and implementing features like infinite scroll.
🍃 React Slidy - Minimalistic and smooth touch slider component for React ⚛️
A comprehensive collection of React hooks for browser storage, UI interactions, and more
A React hook for measuring the size of HTML elements including when they change
A set of reactive controllers that facilitate using the platform observer objects.
Tailwind CSS with Intersection Observer variants
The Splide extension for observing the intersection of the slider with the viewport.
Simple and complete React hooks testing utilities that encourage good testing practices.
Lightweight React bindings for MobX based on React 16.8+ and Hooks