React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
-
Updated
Oct 24, 2026 - TypeScript
GeezerVisonThe World Wide Web, restored to 800 pixels of glory. |
| Home|About|Gaming cabinet|Archives|How it works|Starter sites |
GeezerVison is showing github.com — Build software better, together
#
intersection-observerHere are 614 public repositories matching this topic...Language: All
Filter by language
Sort: Most stars
Sort options
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.
react hooks hook performance monitor reactjs scrolling visibility viewport lazy-loading intersection-observer intersectionobserver intersectionobserver-api react-hooks
React Component to lazy load images and components using a HOC to track window scroll position.
react ssr reactjs react-component lazyload server-side-rendering hoc lazy-loading lazyload-images intersection-observer react-lazy react-performance intersectionobserver react-lazy-module react-lazy-load
😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).
react hook performance typescript monitor component scrolling animations visibility viewport lazy-loading impressions intersection-observer inview scroll-direction
Reveal-on-scroll animations for React, Vue, Astro and plain JavaScript, built on IntersectionObserver and the Web Animations API.
react javascript typescript web vue animation animations astro reveal hacktoberfest intersection-observer web-animations-api scroll-reveal animate-on-scroll scroll-animation
React component for the Intersection <Observer /> API
A Svelte action that monitors an element enters or leaves the viewport.🔥
javascript typescript observer svelte viewport hacktoberfest intersection-observer intersectionobserver intersectionobserver-api svelte3 svelte-js svelte-component
😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!
react typescript ui component placeholder ssr ux seo img lazy-loading intersection-observer performance-optimization auto-retry
Quicklink prefetching strategy for the Angular router
Simple scrollytelling with the IntersectionObserver in React.
Detect if React component is in viewport
Detect if an element is in the viewport using the Intersection Observer API
svelte typescript-definitions viewport lazy-loading conditional intersection-observer svelte-component intersection-event
🥇 A small JavaScript library to lazy-load almost anything. Defer.js is dependency-free, efficient, and optimized for Web Vitals.
lazyload srcset lazysizes vanillajs intersection-observer microjs lazyloader scroll-reveal unveil vanilla-lazyload deferjs lazy-javascript lazy-js lazy-css lazy-image lazy-iframe lazy-video lazy-audio lazy-picture lazy-stylesheet
🖼️ 🛋️ Components and utilities for lazy image loading in React
A switching title effect where a fixed element changes depending on the scroll position.
Allows us to check if an element is within the browsers visual viewport
angular infinite-scroll ng lazyload visibility viewport lazy-loading hacktoberfest lazyload-images intersection-observer angular-10 angular-11 angular-12 angular-13 angular-14 angular-15 angular-16 angular-17
📜 A super-tiny library for your scrollytelling needs.
A library for idiomatic use of IntersectionObserver with Angular
A react hook to find out if an element is in a given viewport with a simple api.
USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨
javascript animation css-animations web-animation scroll-animations intersection-observer scroll-library
A script you include during development that shows the root, target, and intersection every time an IntersectionObserver is triggered.
Add this topic to your repoTo associate your repository with the intersection-observer topic, visit your repo's landing page and select "manage topics." |
| You are visitor 01402503 — GeezerVison does not store the pages you look up. Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required. |