Search results
91 packages found
React hook to use IntersectionObserver declaratively.
React components to add reveal animations using the Intersection Observer API and CSS Animations.
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.
- svelte
- observer
- observing
- intersection
- viewport
- inviewport
- in-view
- in-viewport
- inview
- observe
- waypoint
- intersection-observer
- intersection-observer-api
- performance
- View more
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. Forked from maciekgrzybek to support Svelte 5 after no merge of fixes.
- svelte
- observer
- observing
- intersection
- viewport
- inviewport
- in-view
- in-viewport
- inview
- observe
- waypoint
- intersection-observer
- intersection-observer-api
- performance
- View more
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.
- svelte
- observer
- observing
- intersection
- viewport
- inviewport
- in-view
- in-viewport
- inview
- observe
- waypoint
- intersection-observer
- intersection-observer-api
- performance
- View more
Allows us to check if an element is within the browsers visual viewport
- angular
- ng
- IntersectionObserver
- intersection-observer
- viewport
- visibility
- infinite-scroll
- lazy-loading
- lazyload
- lazy-loading-images
- lazyload-images
- angular-14
- angular-15
- angular-16
Lazy loading images responsively with IntersectionObserver
It provides item tracking functionality for lists that offer an `onViewableItemsChanged` callback with the type `({viewableItems: ViewToken[]}) => void` and a `renderItem` property with the type `({item: ItemT, index: number}) => React.ReactElement`.
The project of React.js Image library.
- mornya
- vessel
- react.js
- hooks
- next.js
- intersection-observer
- lazy
- lazy-loading
- lazy-background
- lazy-image
- front-end
A React Native wrapper to check whether a component is in the view port to track impressions
- react-native
- ios
- android
- react-component
- intersection-observer
- impressions
- view-port
- in-view-port
- scroll-impressions
🥇 A lightweight JavaScript library that helps you lazy load (almost) anything. Defer.js is dependency-free, highly efficient, and optimized for Web Vitals.
- deferjs
- defer.js
- defer-js
- vanilla-js
- lazy-loading
- lazy-load
- resource-optimization
- performance-optimization
- frontend
- user-experience
- load-speed
- web-vitals
- dependency-free
- website-optimization
- View more
Vue directive to observe intersection of an element with viewport.
Eliminates multiple instances of IntersectionObservers by providing a single instance and methods to manage it
React library for applying animations based on scroll position using Intersection Observer.
A lightweight React component for adding smooth, customizable animations to elements as they enter the viewport.
Detect if component is in device current viewport
A React component for lazy loading images with Intersection Observer
`preact-lazy-load` is a lightweight library for implementing lazy loading in Preact applications. It includes components for lazy loading images, iframes, and background images, with fallback support for older browsers.
An abstract layer that would make using intersection observer easier
- observer
- intersection
- intersection observer
- intersection-observer
- hd
- hd-utils
- AhmadHddad
- hd-intersection-observer
Simple Intersection Observer wrapper for React js.