56 packages found
⚛️ Minimal zero dependency lazy load images solution with a simple React Hook for all images of an element
This is a small React hook package to use [Insersection Observer](https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API) declaratively. By using this hook, you can easily track if a component is visible or not, create lazy loading ima
React hook to monitor an element enters or leaves the viewport (or another element).
- react
- hook
- 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
- use-in-viewport
- View more
React components to add reveal animations using the Intersection Observer API and CSS Animations.
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
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
Image lazy load library for Angular 2+.
Vue directive to observe intersection of an element with viewport.
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
Svelte action for responsive, lazily-loaded images with Imgix
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
An simple image lazy load component based on react hooks and IntersectionObserver
react hooks & intersection-observer
A dead simple infinite-scroll react library
React Infinite Scroll Component
A module to lazy load images using the Intersection Observer API
LazyHTML is an OpenSource Javascript Library that Supports Lazy Loading of any elements without Modifying Code, LazyHTML can lazy load Ads, Videos, Images, Widgets, Javascript, CSS, Inline-Javascript, Inline-CSS & Any HTML.
- Lazy-Load
- Asynchronous-Loading
- Responsive
- Lazy-Load-ads
- Lazy-Load-javascript
- Lazy-Load-js
- Lazy-Load-stylesheets
- Lazy-Load-css
- Lazy-Load-widgets
- Lazy-Load-html
- Intersection-Observer
- Lazy-Load-Adsense-Ads
react native intersection observer