Native Lazy Loaded Picture Element with Progressive Image Change
-
Updated
Sep 10, 2024 - TypeScript
Native Lazy Loaded Picture Element with Progressive Image Change
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
React Component to lazy load images and components using a HOC to track window scroll position.
Vue 2 image and video loader supporting lazy loading, background videos, fixed aspect ratios, low rez poster images, transitions, loaders, slotted content and more.
React hook to use IntersectionObserver declaratively.
A set of tools for emulating browser behavior in jsdom environment
My solution to the GitHub user search app challenge on Frontend Mentor.
A Svelte action that monitors an element enters or leaves the viewport.🔥
Let the art speak for itself!
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
IntersectionTrigger utilizes the most modern web technology to trigger anything by intersection. Including scroll-based animations.
a very lightweight class / css animation & transition based scrollytelling library
Vue 2 directive that adds css classes when the element is the viewport
⚡️ IntersectionObserver, scroll-animation, virtual-list to support big amount
A rule-based approach to tracking element visibility.
Check when HTML elements are inside the viewport with IntersectionObserver
A tribute to my hero and wife, Diana Rapp.
🔎 Intersection Observer API wrapper for Blazor applications
A lit-element web component that uses Three.js to display an STL model file.
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."