Search results
85 packages found
Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
Intersection observer for Angular
- ngx
- ngx-intersection-observer
- angular
- typescript
- animate
- animation
- animate on scroll
- intersection
- viewport
- animate.css
- animate.style
Custom hook designed to detect if an element is visible within the viewport.
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.
A lightweight React package for triggering animations or actions dynamically when elements come into view during scrolling.
- Animation
- React
- Scroll
- Trigger
- Viewport
- on scroll animator
- animate on view
- Viewport animations
- Custom Animator
- On Scroll Custom Animation
- Animated Scrolling
- Intersection Observer API
- IO
- Infinite Scroll
- View more
Animate On entrance (AOE) is a lightweight, dependency free, insanely fast scroll animation library built on top of Intersection Observer API
- scroll-trigger
- scroll-effects
- animate-on-scroll
- effect
- fadeIn
- scroll
- on-scroll
- animations
- viewport
- intersetion
- IntersectionObserver
A react hook to use the IntersectionObserver declaratively in your React app.
Simple React Hook utility for identifying and working with screen sizes.
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
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
React component using the Intersection Observer API for watching when an element is visible in the viewport.
react-element-viewed is a React component leveraging the Intersection Observer API to effortlessly detect when an element enters the viewport. Easily apply styles or animations upon visibility, enhancing user interactions in your React applications. Light
Determine whether an element is completely within the browser viewport
- viewport
- IntersectionObserver
- window
- DOM
- visible
- visibility
- element
- view
- within-viewport
- browser
- detect
- event
- infinite-scroll
- scroll
A react hook to use the IntersectionObserver declaratively in your React app.
Viewport scroll position and direction watcher. Binds states data attributes to `HTML` for further JS/CSS usage. Scroll event is throttled for performance economy.
React Component that observe changes in the intersection of a target element with viewport using IntersectionObserver
Light weight library to observe the viewport scroll position
Monitor if a component is inside the viewport, using IntersectionObserver API
Minimal library to observe nodes entering and leaving the viewport
A tiny, dependency-free, high performance viewport position & intersection observation tool