GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — Build software better, together

#

intersection-observer

Star

Here are 614 public repositories matching this topic...

Language: All
Filter by language
All 614 JavaScript 241 TypeScript 174 HTML 106 CSS 34 Vue 22 SCSS 12 Astro 4 PHP 3 Svelte 3 Python 2
Sort: Most stars
Sort options
Most stars Fewest stars Most forks Fewest forks Recently updated Least recently updated

thebuilder / react-intersection-observer

Star 5.5k

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
  • Updated Oct 24, 2026
  • TypeScript
react-lazy-load-image-component

Aljullu / react-lazy-load-image-component

Star 1.5k

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
  • Updated Dec 16, 2024
  • JavaScript

wellyshen / react-cool-inview

Star 1.4k

😎 🖥️ 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
  • Updated Aug 12, 2023
  • TypeScript
awesome-reveal

awesome-reveal / awesome-reveal

Star 1.2k

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
  • Updated Nov 7, 2026
  • TypeScript

researchgate / react-intersection-observer

Star 1.2k

React component for the Intersection <Observer /> API

react scrolling viewport impressions intersection-observer
  • Updated Nov 11, 2026
  • JavaScript

svelte-inview / svelte-inview

Star 774

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
  • Updated Oct 19, 2026
  • TypeScript

wellyshen / react-cool-img

Star 771

😎 🏞 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
  • Updated Aug 12, 2023
  • TypeScript
ngx-quicklink

mgechev / ngx-quicklink

Star 756

Quicklink prefetching strategy for the Angular router

performance angular prefetch speed intersection-observer
  • Updated Aug 6, 2026
  • TypeScript

squirrelsquirrel78 / react-scrollama

Star 404

Simple scrollytelling with the IntersectionObserver in React.

react scrollytelling intersection-observer
  • Updated Jul 8, 2026
  • JavaScript

roderickhsiao / react-in-viewport

Star 351

Detect if React component is in viewport

react lazyload viewport intersection-observer
  • Updated Oct 24, 2026
  • TypeScript

metonym / svelte-intersection-observer

Sponsor
Star 338

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
  • Updated Sep 3, 2026
  • TypeScript
defer.js

shinsenter / defer.js

Sponsor
Star 287

🥇 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
  • Updated Nov 7, 2026
  • JavaScript

fpapado / react-lazy-images

Star 264

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

react component images lazy-loading intersection-observer
  • Updated Apr 23, 2023
  • TypeScript

codrops / ScrollingLettersAnimation

Sponsor
Star 229

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

javascript css animation scrolling typography effect intersection-observer
  • Updated Feb 12, 2018
  • HTML

k3nsei / ng-in-viewport

Sponsor
Star 227

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
  • Updated May 29, 2026
  • TypeScript

rdmurphy / scroller

Star 183

📜 A super-tiny library for your scrollytelling needs.

scroller scrollytelling intersection-observer
  • Updated Oct 15, 2026
  • JavaScript
intersection-observer

ng-web-apis / intersection-observer

Star 156

A library for idiomatic use of IntersectionObserver with Angular

intersection intersection-observer intersectionobserver intersectionobserver-api
  • Updated May 26, 2023
  • TypeScript

zeusdeux / use-is-in-viewport

Star 151

A react hook to find out if an element is in a given viewport with a simple api.

react hooks viewport intersection-observer react-hooks
  • Updated Mar 2, 2023
  • JavaScript

usaljs / usal

Sponsor
Star 148

USAL.js - Ultimate Scroll Animation Library - Lightweight, powerful, wonderfully simple ✨

javascript animation css-animations web-animation scroll-animations intersection-observer scroll-library
  • Updated Nov 5, 2026
  • JavaScript

pomber / intersection-observer-debugger

Sponsor
Star 145

A script you include during development that shows the root, target, and intersection every time an IntersectionObserver is triggered.

debugger visualizer intersection-observer
  • Updated Oct 6, 2022
  • JavaScript

Add this topic to your repo

To associate your repository with the intersection-observer topic, visit your repo's landing page and select "manage topics."

Learn more

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.