Search results
147 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
ESLint plugin for preventing memory leaks around observers (ResizeObserver, IntersectionObserver, MutationObserver)
Graceful Progressive image loading for React
An IntersectionObserver utility for notifying callbacks when an element's intersection changes.
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
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
A lightweight scrollytelling interface for React using the IntersectionObserver.
Faster subsequent page-loads by prefetching in-viewport links during idle time
A lightweight scroll sensor to solve your react scroll into viewport issues.
根据IntersectionObserver实现图片懒加载的封装
Tactical and adaptive asset loading library
- images preload
- image loading
- asset loading
- performance
- preload
- intersectionobserver
- background
- speed
- wait for idle
- requestidlecallback
- idle
- adaptive serving
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.
Lightweight client testing framework
Performance for multiple ResizeObserver and IntersectionObserver
Detect intersection between DOM elements and viewport using IntersectionObserver API
React virtual scroll component using intersectionObserver
This is a simple React Hooks that trigger a callback all time the element is viewed.
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
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