Search results
91 packages found
Monitor if a component is inside the viewport, using IntersectionObserver API
A set of tools for emulating browser behavior in jsdom environment
- testing
- jsdom
- jest
- vitest
- mock
- Resize Observer API
- Intersection Observer API
- Web Animations API
- WAAPI
- matchMedia
- viewport
- react
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
React library for using Intersection Observer API in React-friendly way
React Hook for detecting when an element is in the viewport
Detect if an element is in the viewport using the Intersection Observer API
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
React lazy loading component using vanilla-lazyload library. Speedy, lightweight and easy to use.
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
Monitor if a component is inside the viewport, using IntersectionObserver API
React component for the Intersection Observer API
Doars plugin that adds a intersect directive for reacting to intersection changes.
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
A lightweight Preact implementation of Intersection Observer API
- preact
- npm
- intersection
- intersection observer
- intersection observer preact
- lightweight intersection observer
- viewport observer
- observer
- preact-intersection-observer
- lightweight
- hooks
- inView
- viewport
- useObserver
- View more
Vue 3 plugin that bindes classes to an element if it appears in the client's viewport. The Plugin consists of a lightweight, non-dependent Vue directive that is utilizing the intersection observer.
Custom hook designed to detect if an element is visible within the viewport.
This package provides a lightweight and efficient lazy loading script for web developers. It uses the Intersection Observer API to defer loading images, iframes, and background images until they are within the viewport, improving page load times and reduc
- lazy load
- intersection observer
- image loading
- performance
- web development
- optimization
- javascript
- lazyload
- lazy-loading
- images
- iframes
- background-images
- scroll
- viewport
A lightweight scroll sensor to solve your react scroll into viewport issues.
IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.
- intersection
- trigger
- animation
- animejs
- IntersectionObserver
- intersection-observer
- lazy-load
- performance
- lazy-loading
- viewport
- scroll
- toggle-class
- scrollbar