Search results
64 packages found
React components to add reveal animations using the Intersection Observer API and CSS Animations.
LodScrolJS is a lightweight, fast, and secure JavaScript library for loading any type of content from APIs on scroll to avoid loading too much data at once.
a react hook for infinite scroll using oberserver API
- react
- infinite
- scroll
- infinite-scroll
- react-infinite-scroll
- react-infinite-observer
- react-infinite-scroll-hook
- react-infinite-observer-scroll
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. 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
Svelte action that leverages the Intersection Observer API to trigger reveal on scroll transitions
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 React component that supports infinite scroll using Intersection Observer API
A simple scroll component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.
- scroll
- cocreate
- low-code-framework
- no-code-framework
- cocreatejs
- cocreatejs-component
- cocreate-framework
- no-code
- low-code
- collaborative-framework
- realtime
- realtime-framework
- collaboration
- shared-editing
- View more
React components to add reveal animations using the Intersection Observer API and CSS Animations.
Tiny(~1kB) animation hooks for React, built on Web Animations API.
- react
- react-component
- react-hooks
- hooks
- animation
- tween
- transition
- timeline
- scroll
- view
- visualization
- svg
- css
- canvas
- View more
A library to animate elements on scroll using WAAPI and Intersection Observer API.
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 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
A lightweight JavaScript library that provides a simple and efficient way to observe changes to elements' `scrollWidth` and `scrollHeight` properties. It offers a similar API to `ResizeObserver`.
A react hook that uses intersecton observer API and classes from https://animate.style/. The animations are triggered when the element if in view of the viewport.
Vue3 composable that provides a simple and efficient way to observe changes to elements' `scrollWidth` and `scrollHeight` properties. It offers a similar API to `ResizeObserver`.
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
React hook to use intersection API