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.

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

🌅 React lazy load images with IntersectionObserver API and Priority Hints

A JavaScript library to animate content on page scroll.

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

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

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

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

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

A live example of progressive image loading strategies

React Hook to track the visibility of a functional component

A simple React hook that works with the Intersection Observer API.

Know when elements are about to scroll into the viewport

💨 A tiny library to transition your DOM elements as they become visible in the viewport.

A lit-element web component that uses Three.js to display an STL model file.

Showcasing of the Intersection Observer API in React with createRef()

A convenient wrapper around IntersectionObserver for tracking element position relative to the viewport.

A React app designed like Dcard with Bootstrap that could search a GitHub user's repositories from REST API and list with infinite scroll！

DOM展示则触发（Vue@2自定义指令）

⚡️ IntersectionObserver, scroll-animation, virtual-list to support big amount