Search results
148 packages found
React Lazy Load Component for your Website Performance🚀
LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain "vanilla" JavaScript, it leve
- lazyload
- vanilla
- responsive
- images
- picture
- srcset
- sizes
- native
- SEO
- intersectionObserver
- progressive
- performance
- perfmatters
- async
Graceful Progressive image loading for React
infinite vertical or horizontal scroll using css grid layout
- scroller
- scrolling
- react
- infinite
- grid
- horizontal
- vertical
- uniform
- fixed
- variable
- dynamic
- list
- virtual
- IntersectionObserver
- View more
A lightweight scrollytelling interface for React using the IntersectionObserver.
Lightweight client testing framework
Performance for multiple ResizeObserver and IntersectionObserver
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
This component uses IntersectionObserver to not only track if elements are intersecting but also monitors and compares the percentage they are visible. The elements with highest visiblity get flagged current.
This is a simple React Hooks that trigger a callback all time the element is viewed.
React virtual scroll component using intersectionObserver
A lightweight scroll sensor to solve your react scroll into viewport issues.
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
observer some element and if it is visible, do something
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
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
Svelte use:action for element position notifications using IntersectionObserver.
Faster subsequent page-loads by prefetching in-viewport links during idle time
Small JS plugin to animate elements in vieport
A set of lazyload utilities, for images, scripts, styles and iframes