Search results
65 packages found
Monitor if a component is inside the viewport, using IntersectionObserver API
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
Monitor the scroll percentage of a component inside the viewport, using the 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
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
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
Add effect at scroll.
Detect if component is in device current viewport
This is a wrapper for React JS that detects whenever the content inside the wrapper is inside the viewport of the window.
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
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.
A lazy parallax plugin