React Component to lazy load images and components using a HOC to track window scroll position.
-
Updated
Jun 30, 2024 - JavaScript
React Component to lazy load images and components using a HOC to track window scroll position.
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.
Detect if an Ember View or Component is in the viewport @ 60FPS
a very lightweight class / css animation & transition based scrollytelling library
Vue 2 directive that adds css classes when the element is the viewport
Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.
⚡️ IntersectionObserver, scroll-animation, virtual-list to support big amount
Check when HTML elements are inside the viewport with IntersectionObserver
A lit-element web component that uses Three.js to display an STL model file.
INTRSECTION OBSERVER / Smooth page scrolling / usage simplelightbox
How to implement a slider element using React, Tailwind.css and Intersection Observer API
A lightweight and high performance lazy loader and element-in-view callback based on Intersection Observer V2 with an efficient polyfill for old browsers.
Créer une animation d'apparition pour un élément au défilement en utilisant JavaScript et CSS par deux methodes, soit par l'écoute à l'event scroll ou soit par l'objet IntersectionObserver.
🌅 React lazy load images with IntersectionObserver API and Priority Hints
MovieHolms is a responsive platform that has a huge collection of movies, series, and celebrity content. This platform has been developed using TMDb API, React.js, and Tailwind.
Petgram -> Mobile friendly, Pet Instagram clone by Jonatandb
Scroll based animation JavaScript library 📜⚓
An async module that resolves when an element has entered the viewport at a certain percentage, using the Intersection Observer API
This app allows users to query the Open Library API for books. It implements an infinite-scroll feature by utilizing the intersection observer API
Add a description, image, and links to the intersectionobserver topic page so that developers can more easily learn about it.
To associate your repository with the intersectionobserver topic, visit your repo's landing page and select "manage topics."