Search results
88 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. 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
🥇 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
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
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
Lazy loading images responsively with IntersectionObserver
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
Vue directive to observe intersection of an element with viewport.
React library for applying animations based on scroll position using Intersection Observer.
An abstract layer that would make using intersection observer easier
- observer
- intersection
- intersection observer
- intersection-observer
- hd
- hd-utils
- AhmadHddad
- hd-intersection-observer
A lightweight React component for adding smooth, customizable animations to elements as they enter the viewport.
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Eliminates multiple instances of IntersectionObservers by providing a single instance and methods to manage it
Detect if component is in device current viewport
`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.
A React component for lazy loading images with Intersection Observer
Simple Intersection Observer wrapper for React js.
Infinite scroll & lazy loading hooks used in react based on intersection observer