58 packages found
React hook to monitor an element enters or leaves the viewport (or another element).
- react
- hook
- component
- react-hook
- inview-hook
- inviewport-hook
- in-view-hook
- in-viewport-hook
- intersection-hook
- intersection-observer-hook
- use
- use-inview
- use-inviewport
- use-in-view
- View more
<!-- ALL-CONTRIBUTORS-BADGE:START - Do not remove or modify this section --> [](#contributors-) <!-- ALL-CONTRIBUTORS-BADGE:END --> ![Build status](https://im
⚛️ Minimal zero dependency lazy load images solution with a simple React Hook for all images of an element
react hooks & intersection-observer
A React <Img /> component let you handle image UX and performance as a Pro!
- react
- component
- ui
- img
- performance-optimization
- typescript
- lazy-loading
- placeholder
- auto-retry
- intersection-observer
- ux
- ssr
- seo
A module to lazy load images using the Intersection Observer API
Lazyload power with IntersectionObserver
React Hooks for IntersectionObserver.
React component for create an inifinte list
🥇 A super small, super efficient library that helps you lazy load almost everything like images, video, audio, iframes as well as stylesheets, and JavaScript.
- deferjs
- intersection-observer
- lazy-audio
- lazy-css
- lazy-iframe
- lazy-image
- lazy-javascript
- lazy-js
- lazy-picture
- lazy-stylesheet
- lazy-video
- lazyload
- lazyloader
- lazysizes
- 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
Vue directive to observe intersection of an element with viewport.
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Image lazy load library for Angular 2+.
Intersection Observer element for webcomponents
⚛️React useAppear hook.
A simple React hook to track whether an element is visible in the viewport with the Intersection Observer. This API provides a native way to asynchronously observe changes in the intersection of a target element with an ancestor element or with a top-leve
- react
- reactjs
- react-hooks
- hooks
- hook
- intersection-observer
- inview
- observe-element
- react-intersection
- react-observer
React Infinite Scroll Component
Svelte action for responsive, lazily-loaded images with Imgix