Search results
64 packages found
Monitor if a component is inside the viewport, using IntersectionObserver 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
React Hook for detecting when an element is in the viewport
A React Native wrapper to check whether a component is in the view port to track impressions and clicks
React lazy loading component using vanilla-lazyload library. Speedy, lightweight and easy to use.
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
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
With Target Observer, you can easily trigger animations, lazy load content, or handle visibility-based logic in your application.
Monitor if a component is inside the viewport, using IntersectionObserver API
Detect if component is in device current viewport
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
This is a wrapper for React JS that detects whenever the content inside the wrapper is inside the viewport of the window.
Add effect at scroll.
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
Easy to use for effects when component scrolls into view, f.e. fade-in, autoplay video, etc.
Check if your component is in viewport using this simple hook!
AngularJS directive to check if a DOM element is in the viewport
A lightweight and high performance lazy loader and `element-in-view` callback based on [Intersection Observer V2](https://developers.google.com/web/updates/2019/02/intersectionobserver-v2) with an efficient polyfill for old browsers.
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.