Intersectionobserver Collection

◆

◆

◆

◆

⚡Electric

★★★

“LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.”

◆

◆

◆

◆

💎Aqua

★★★

“React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.”

◆

◆

◆

◆

⚡Electric

★★

“React Component to lazy load images and components using a HOC to track window scroll position.”

◆

◆

◆

◆

⚡Electric

★★

“🌅 React lazy load images with IntersectionObserver API and Priority Hints”

◆

◆

◆

◆

💎Aqua

★★

“A Svelte action that monitors an element enters or leaves the viewport.🔥 ”

◆

◆

◆

◆

💎Aqua

★

“trigger functions and events based on the element position on the screen”

◆

◆

◆

◆

⚡Electric

★

“A JavaScript library to animate content on page scroll.”

◆

◆

◆

◆

⚡Electric

★

“A Vue component to add intersection-observer to a Vue component or HTML element.”

◆

◆

◆

◆

⚡Electric

★

“Detect if an Ember View or Component is in the viewport @ 60FPS”

◆

◆

◆

◆

💎Aqua

★

“A library for idiomatic use of IntersectionObserver with Angular”

◆

◆

◆

◆

💎Aqua

★

“A set of tools for emulating browser behavior in jsdom environment”

◆

◆

◆

◆

⚡Electric

★

“Vue 2 directive that adds css classes when the element is the viewport”

◆

◆

◆

◆

⚡Electric

★

“Component-based lazy (CLazy) load images in Vue.js 2”

◆

◆

◆

◆

💎Aqua

★

“Image lazy load library for Angular 2+”

◆

◆

◆

◆

💎Aqua

★

“React hook to use IntersectionObserver declaratively.”

◆

◆

◆

◆

🔮Psychic

★

“🔎 Intersection Observer API wrapper for Blazor applications”

◆

◆

◆

◆

⚡Electric

★

“Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.”