The Top 23 Intersection Observer Open Source Projects

Open source projects categorized as Intersection Observer

Categories > Intersection Observer

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.

dependent packages 98total releases 136most recent commit 17 days ago

React Intersection Observer ⭐ 4,585

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

dependent packages 710total releases 145most recent commit 3 months ago

npm react-intersection-observer} Downloads

React Cool Inview ⭐ 1,454

😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

dependent packages 13total releases 86most recent commit 8 months ago

React Lazy Load Image Component ⭐ 1,286

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

dependent packages 240total releases 30most recent commit 6 months ago

npm react-lazy-load-image-component} Downloads

React Intersection Observer ⭐ 1,090

React component for the Intersection <Observer /> API

dependent packages 71total releases 34most recent commit a year ago

npm @researchgate/react-intersection-observer} Downloads

React Awesome Reveal ⭐ 1,018

React components to add reveal animations using the Intersection Observer API and CSS Animations.

dependent packages 17total releases 64most recent commit 3 months ago

React Simple Img ⭐ 983

🌅 React lazy load images with IntersectionObserver API and Priority Hints

dependent packages 8total releases 153most recent commit a year ago

React Cool Img ⭐ 777

😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!

dependent packages 7total releases 91most recent commit 8 months ago

Ngx Quicklink ⭐ 727

Quicklink prefetching strategy for the Angular router

dependent packages 8total releases 32most recent commit 5 months ago

Svelte Inview ⭐ 641

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

dependent packages 10total releases 17most recent commit 4 months ago

Vue Waypoint ⭐ 462

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

dependent packages 8total releases 47most recent commit 8 months ago

Josh.js ⭐ 372

A JavaScript library to animate content on page scroll.

dependent packages 2total releases 9most recent commit 2 years ago

React Scrollama ⭐ 367

Simple scrollytelling with the IntersectionObserver in React.

dependent packages 2total releases 43most recent commit 5 months ago

React In Viewport ⭐ 327

Detect if React component is in viewport

dependent packages 24total releases 66most recent commit 7 months ago

Vue Intersect ⭐ 293

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

dependent packages 15total releases 11most recent commit 3 years ago

Svelte Intersection Observer ⭐ 284

Detect if an element is in the viewport using the Intersection Observer API

dependent packages 12total releases 16most recent commit 3 months ago

npm svelte-intersection-observer} Downloads

React Lazy Images ⭐ 262

🖼️ 🛋️ Components and utilities for lazy image loading in React

dependent packages 58total releases 25most recent commit a year ago

Ember In Viewport ⭐ 249

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

dependent packages 40total releases 76most recent commit a year ago

Defer.js ⭐ 240

🥇 A JavaScript micro-library that helps you lazy load (almost) anything. Defer.js is zero-dependency, super-efficient, and Web Vitals friendly.

dependent packages 2total releases 53most recent commit a year ago

Ng In Viewport ⭐ 211

Allows us to check if an element is within the browsers visual viewport

dependent packages 15total releases 36most recent commit 24 days ago

Gluebert ⭐ 192

gluebert.js is a tiny helper lazy loading DOM Elements, StyleSheets and JavaScript files using dynamic import and code splitting

dependent packages 3total releases 18most recent commit 6 years ago

Scrollinglettersanimation ⭐ 177

A switching title effect where a fixed element changes depending on the scroll position.

most recent commit 6 years ago

Scroller ⭐ 176

📜 A super-tiny library for your scrollytelling needs.

dependent packages 2total releases 1most recent commit 3 months ago

The 10 Most Depended On Intersection Observer Open Source Projects

React Intersection Observer ⭐ 4,585

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

dependent packages 710total releases 145latest release November 09, 2023most recent commit 3 months ago

React Lazy Load Image Component ⭐ 1,286

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

dependent packages 240total releases 30latest release June 03, 2023most recent commit 6 months ago

Vanilla Lazyload ⭐ 7,548

dependent packages 98total releases 136latest release October 15, 2023most recent commit 17 days ago

React Intersection Observer ⭐ 1,090

React component for the Intersection <Observer /> API

dependent packages 71total releases 34latest release November 04, 2020most recent commit a year ago

React Lazy Images ⭐ 262

🖼️ 🛋️ Components and utilities for lazy image loading in React

dependent packages 58total releases 25latest release August 05, 2018most recent commit a year ago

Ember In Viewport ⭐ 249

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

dependent packages 40total releases 76latest release November 09, 2022most recent commit a year ago

Jsdom Testing Mocks ⭐ 81

A set of tools for emulating browser behavior in jsdom environment

dependent packages 27total releases 25latest release September 08, 2023most recent commit 8 months ago

React In Viewport ⭐ 327

Detect if React component is in viewport

dependent packages 24total releases 66latest release April 03, 2023most recent commit 7 months ago

React Awesome Reveal ⭐ 1,018

React components to add reveal animations using the Intersection Observer API and CSS Animations.

dependent packages 17total releases 64latest release November 13, 2023most recent commit 3 months ago

Ng In Viewport ⭐ 211

Allows us to check if an element is within the browsers visual viewport

dependent packages 15total releases 36latest release November 14, 2023most recent commit 24 days ago

The 10 Latest Releases In Intersection Observer Open Source Projects

Vue Visual ⭐ 58

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

dependent packages 6total releases 50latest release November 15, 2023most recent commit 5 months ago

Ngx Quicklink ⭐ 727

Quicklink prefetching strategy for the Angular router

dependent packages 8total releases 32latest release November 14, 2023most recent commit 5 months ago

Ng In Viewport ⭐ 211

Allows us to check if an element is within the browsers visual viewport

dependent packages 15total releases 36latest release November 14, 2023most recent commit 24 days ago

React Awesome Reveal ⭐ 1,018

React components to add reveal animations using the Intersection Observer API and CSS Animations.

dependent packages 17total releases 64latest release November 13, 2023most recent commit 3 months ago

React Intersection Observer ⭐ 4,585

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

dependent packages 710total releases 145latest release November 09, 2023most recent commit 3 months ago

Reimage ⭐ 6

React library for working with images

dependent packages 1total releases 10latest release October 29, 2023most recent commit 6 months ago

Vanilla Lazyload ⭐ 7,548

dependent packages 98total releases 136latest release October 15, 2023most recent commit 17 days ago

React Scrollama ⭐ 367

Simple scrollytelling with the IntersectionObserver in React.

dependent packages 2total releases 43latest release September 18, 2023most recent commit 5 months ago

Jsdom Testing Mocks ⭐ 81

A set of tools for emulating browser behavior in jsdom environment

dependent packages 27total releases 25latest release September 08, 2023most recent commit 8 months ago

Defer.php ⭐ 37

🚀 A PHP library that focuses on minimizing payload size of HTML document and optimizing page speed.

total releases 30latest release September 07, 2023most recent commit 8 months ago