Data

Tools

Indexes

Applications

Experiments

Awesome

An open API service indexing awesome lists of open source software.

Projects in Awesome Lists tagged with intersection-observer

A curated list of projects in awesome lists tagged with intersection-observer .

https://github.com/thebuilder/react-intersection-observer

React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport.

hook hooks intersection-observer intersectionobserver intersectionobserver-api lazy-loading monitor performance react react-hooks reactjs scrolling viewport visibility

Last synced: 12 May 2025

https://github.com/wellyshen/react-cool-inview

😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another element).

animations component hook impressions intersection-observer inview lazy-loading monitor performance react scroll-direction scrolling typescript viewport visibility

Last synced: 13 Apr 2025

https://github.com/researchgate/react-intersection-observer

React component for the Intersection <Observer /> API

impressions intersection-observer react scrolling viewport

Last synced: 14 May 2025

https://github.com/wellyshen/react-cool-img

😎 🏞 A React <Img /> component let you handle image UX and performance as a Pro!

auto-retry component img intersection-observer lazy-loading performance-optimization placeholder react seo ssr typescript ui ux

Last synced: 15 May 2025

https://github.com/mgechev/ngx-quicklink

Quicklink prefetching strategy for the Angular router

angular intersection-observer performance prefetch speed

Last synced: 14 May 2025

https://github.com/squirrelsquirrel78/react-scrollama

Simple scrollytelling with the IntersectionObserver in React.

intersection-observer react scrollytelling

Last synced: 14 May 2025

https://github.com/jsonkao/react-scrollama

Simple scrollytelling with the IntersectionObserver in React.

intersection-observer react scrollytelling

Last synced: 08 Apr 2025

https://github.com/roderickhsiao/react-in-viewport

Detect if React component is in viewport

intersection-observer lazyload react viewport

Last synced: 15 May 2025

https://github.com/shinsenter/defer.js

🥇 A small JavaScript library to lazy-load almost anything. Defer.js is dependency-free, efficient, and optimized for Web Vitals.

deferjs intersection-observer lazy-audio lazy-css lazy-iframe lazy-image lazy-javascript lazy-js lazy-picture lazy-stylesheet lazy-video lazyload lazyloader lazysizes microjs scroll-reveal srcset unveil vanilla-lazyload vanillajs

Last synced: 31 Jan 2026

https://github.com/fpapado/react-lazy-images

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

component images intersection-observer lazy-loading react

Last synced: 12 Apr 2025

https://github.com/codrops/scrollinglettersanimation

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

animation css effect intersection-observer javascript scrolling typography

Last synced: 24 Jul 2025

https://github.com/rdmurphy/scroller

📜 A super-tiny library for your scrollytelling needs.

intersection-observer scroller scrollytelling

Last synced: 12 Apr 2025

https://github.com/zeusdeux/use-is-in-viewport

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

hooks intersection-observer react react-hooks viewport

Last synced: 05 Apr 2025

https://github.com/researchgate/react-intersection-list

React infinite scroll using the Intersection <Observer /> API

infinite-scroll intersection-observer list react

Last synced: 06 Apr 2025

https://github.com/pomber/intersection-observer-debugger

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

debugger intersection-observer visualizer

Last synced: 11 May 2025

https://github.com/zhbhun/react-native-intersection-observer

React Native component that monitors when an element enters or leaves the client viewport.

intersection-observer lazy-loading lazyload lazyload-images react react-native

Last synced: 06 Apr 2025

https://github.com/cats-oss/use-intersection

React Hooks for IntersectionObserver.

intersection-observer react react-hooks reactjs

Last synced: 12 Apr 2025

https://github.com/tudorgergely/use-scroll-to-bottom

React Hook which tells you when you've scrolled to bottom

bottom intersection-observer react react-hooks typescript

Last synced: 12 Jan 2026

https://github.com/usaljs/usal

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

animation css-animations intersection-observer javascript scroll-animations scroll-library web-animation

Last synced: 07 Oct 2025

https://github.com/bkwld/vue-in-viewport-mixin

Vue 2 mixin to determine when a DOM element is visible in the client window

intersection-observer mixin scrolling viewport vue

Last synced: 16 May 2025

https://github.com/bitmap/react-hook-inview

React hook for detecting when an element is in the viewport

intersection-observer react-hook viewport

Last synced: 07 Apr 2025

https://github.com/cesarolvr/murphyjs

A simple way to implement scroll based reveal animations in your pages: https://cesarolvr.github.io/murphyjs-lib/index.html

animation css intersection-observer motion scroll-events smooth-scrolling webanimation-api

Last synced: 16 May 2025

https://github.com/cesarolvr/murphyjs-lib

A simple way to implement scroll based reveal animations in your pages: https://cesarolvr.github.io/murphyjs-lib/index.html

animation css intersection-observer motion scroll-events smooth-scrolling webanimation-api

Last synced: 07 Apr 2025

https://github.com/italoalmeida0/usal

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

animation css-animations intersection-observer javascript scroll-animations scroll-library web-animation

Last synced: 11 Sep 2025

https://github.com/lbrian/content-visibility

Web Component uses CSS content-visibility and fallback Intersection Observer

css intersection-observer intersectionobserver-api javascript lit-element lit-html typescript webcomponent webcomponents

Last synced: 12 Apr 2025

https://github.com/lessp/react-is-visible

A small library for React to know if an element is on screen or not

intersection-observer react visibility

Last synced: 13 Apr 2025

https://github.com/r17x/rescript-libs

⚡️ a Collections and Essential set of Library, Utility, & Tools for ReScript Lang especially in Web.

abort-controller dom dom-api dom-rect html5 intersection-observer javascript lerna react rescript rescript-lang rescript-libs web web-api web-dom web-platform

Last synced: 01 May 2025

https://github.com/zeusdeux/observe-element-in-viewport

Wrapper around IntersectionObserver to hide away its weirdness and increase ease of usability

intersection-observer intersectionobserver viewport

Last synced: 17 Mar 2025

https://github.com/captaincodeman/svelte-intersection-observer-action

Svelte Action for Intersection Observer

action intersection-observer svelte

Last synced: 22 Feb 2026

https://github.com/samouss/react-infinite-scroll-list

Manage infinite list with the IntersectionObserver API

infinite infinite-lists infinite-scroll intersection-observer react scroll

Last synced: 01 Aug 2025

https://github.com/sawyerclick/svelte-lazy-loader

A lazy-loader component library for Svelte

intersection-observer lazy package svelte

Last synced: 14 Aug 2025

https://github.com/jonikanerva/react-visibility-observer

React component for watching when an element is visible in the viewport.

context hooks intersection-observer react typescript

Last synced: 17 Jun 2025

https://github.com/leonidasesteban/intersection-observer-netflix

clase #2 de youtube.com/LeonidasEsteban

intersection-observer javascript netflix

Last synced: 12 May 2025

https://github.com/alexvcasillas/react-spring-pop

Animate React elements when they enter the viewport with physics based animations

animated animation intersection intersection-observer react react-spring viewport

Last synced: 07 Sep 2025

https://github.com/abdallahhemdan/vee-observe

Detect when an element is becoming visible or hidden on the page using Vue component for the Intersection observer API

intersection-observer scrolling vee-observe viewport vuejs

Last synced: 05 May 2025

https://github.com/lessp/bs-react-is-visible

A small library that lets you know whether a component is visible on screen or not.

intersection-observer reason-react reasonml visibility

Last synced: 15 Oct 2025

https://github.com/s-patompong/alpine-intersect-animate

An Alpine.js plugin to animate DOM once it shows up on the viewport

alpine animatecss intersection-observer plugin

Last synced: 31 Jul 2025

https://github.com/outbrain-inc/viewabilityhelper

Lightweight cross-browser library that enables you to create a watcher for a given element, and receive a callback for it's intersections with the viewport

ads intersection-observer outbrain pixels viewability

Last synced: 07 Aug 2025

https://github.com/simbathesailor/react-infinite-scroll

A dead simple infinite scroll (1.3 kb gzipped) for friends

custom-hooks infinite-scroll intersection-observer react-hooks

Last synced: 17 Apr 2025

https://github.com/bsonntag/react-use-intersection-observer

React hook for using intersection observers.

hook intersection-observer react react-hooks

Last synced: 19 Oct 2025

https://github.com/iryna-vyshniak/littlelingo

...in progress... LittleLingo - An interactive app designed to spark a lifelong love for learning English in children. Created with heartfelt dedication for my own children 💓, LittleLingo offers a delightful and playful way to master new words and phrases, making learning an adventure 💓...

capacitor children-games drag-and-drop educational-game educational-software english english-learning english-learning-application fantasy framer-motion game intersection-observer ionic-framework kids language-app own-design react-dnd react-dnd-html5-backend react-dnd-multi-backend swiper

Last synced: 13 Aug 2025

https://markteekman.github.io/easybank-landing-page/

Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.

accessibility astro css-animations css-grid css3 html5 intersection-observer javascript scss wcag

Last synced: 22 Apr 2025

https://github.com/markteekman/easybank-landing-page

Frontend Mentor challenge "Easybank Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver.

accessibility astro css-animations css-grid css3 html5 intersection-observer javascript scss wcag

Last synced: 07 May 2025

https://github.com/pldg/scroll-interactions

Easy scroll-driven interactions in the browser built on top of IntersectionObserver

intersect intersection-observer scroll scroll-direction scroll-event scrolling scrollytelling trigger viewport

Last synced: 12 Feb 2026

https://github.com/arnellebalane/navigation-scroll-spy

Navigation scroll spy demo using IntersectionObserver API and VueJS

100daysofcode demo-app intersection-observer parceljs vuejs2

Last synced: 17 Jul 2025

https://github.com/sohamsshah/sodium-infinite-scroller

A simple, zero-dependency and awesome React Infinite ♾ Scrolling Component based on Intersection Observer API. Powered by Vite.js ⚡

infinite-scroll intersection-observer npm-package react-component vitejs

Last synced: 22 Apr 2025

https://github.com/arnellebalane/vue-intersect

VueJS plugin that reports element intersections using the IntersectionObserver API

100daysofcode hacktoberfest intersection-observer npm-package vue-plugin vuejs2

Last synced: 12 Oct 2025

https://github.com/yamsafer/intersection-observer-react

A simple wrapper around IntersectionObserver API to use it in react apps.

intersection-observer react

Last synced: 16 May 2025

https://github.com/bkjang/use-lazyload

📚This is custom hooks for lazy loading in react.

hooks intersection-observer react

Last synced: 13 Apr 2025

https://github.com/seonhyungjo/use-intersect

🥂Easy use Intersect Hooks

hooks intersection-observer react settimeout

Last synced: 28 Feb 2026

https://github.com/amitmishrg/offline-news-app

Offline News App using Service Worker, Workbox, PWA, React, Webpack & Intersection-observer

intersection-observer javascript pwa react-lazy react-memo react-suspense reactjs service-worker webpack workbox

Last synced: 15 Mar 2025

https://github.com/johnsonjo4531/react-fast-masonry

A fast masonry infinite-scrolling component using the intersection api

infinite-scroll intersection-observer masonry masonry-layout mit-license react reactjs

Last synced: 09 Apr 2025

https://github.com/lotrekagency/vagajs

A simple and straightforward animation library to enable CSS based animations on scroll, as soon as the elements become visible by the user.

animation css hacktoberfest intersection-observer intersectionobserver-api javascript transition

Last synced: 10 Oct 2025

https://github.com/schirrel/footer-stick-observable

A helper for bottom position:sticky, to listen when it is stuck or not

css intersection-observer intersectionobserver javascript position

Last synced: 22 Jan 2026

https://github.com/codingbygopal/react-movieholms

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.

front-end-development frontend intersection-observer intersection-observer-api intersectionobserver intersectionobserver-api lazy-loading lazy-loading-images react reactjs reactplayer reactrouterdom skeleton-loading tailwind tailwindcss tmdb tmdb-api tmdb-movie-search

Last synced: 31 Jul 2025

https://github.com/ger86/use-observer-hook

Repository to show the use of the custom hook useObserver that integrates the API Intersection Observer with React.

intersection-observer javascript react react-hook react-hooks reactjs

Last synced: 02 Mar 2026

https://github.com/lipp/lazycats

A lazy loading list of cat gifs using `IntersectionObserver`

infinite-scroll intersection-observer lazy-loading nextjs react

Last synced: 19 Apr 2025

https://github.com/thepuskar/react-lazy-load-image

React Component and custom to lazy load images and other components/elements using Intersection Observer API natively present in the browser.

custom-hooks intersection-observer lazyload lazyload-image react react-hooks typescript

Last synced: 23 Feb 2025

https://github.com/bobbymannino/svelte-on-screen

An element for controlling wether an element is in the viewport using intersection observer that's: TypeScript First, Customizable With Props, Easy To Use

intersection-observer svelte sveltekit

Last synced: 26 Jul 2025

https://github.com/kobir1989/react-custom-hooks-kit

React Custom Hooks with TypeScript offers essential, type-safe hooks crafted for smoother React development.

custom-hooks hooks intersection-observer npm-package react-hooks use-media-query useclickaway-hook usefetch-hook useform-hook usescroll-hook usetoggle-hook usewindowsize-hook

Last synced: 23 Apr 2025

https://github.com/gglukmann/lazyloadify

Lazyload images with Intersection Observers

intersection-observer intersectionobserver lazyload lazyload-images

Last synced: 27 Jan 2026

https://github.com/betaweb/intersectr

An easy-to-use wrapper class over intersection observer API.

api browser class easy easy-to-use intersection intersection-observer javascript observer observer-pattern wrapper

Last synced: 10 Feb 2026

https://github.com/bob-lee/react-joanne

React version of Joanne's website (https://github.com/bob-lee/ng-joanne-lee)

firebase intersection-observer pwa react ssr workbox

Last synced: 14 Jul 2025

https://github.com/feeden/lazy-load-img-component

An simple image lazy loading component based on react hooks and IntersectionObserver;

intersection-observer lazy-load-img lazyload-images react react-hooks typescript

Last synced: 09 Oct 2025

https://github.com/xg4/in-viewport

Get callback when a DOM element enters or leaves the viewport.

dom element in-viewport intersection intersection-observer observer viewport

Last synced: 09 Mar 2026

https://github.com/konojunya/intersectionobserver-lazyload

[CODE SANDBOX] intersectionObserverでLazyLoadをやってみる

codesandbox intersection-observer lazyload sandbox

Last synced: 08 Feb 2026

https://github.com/vuquangpham/scroll-trigger

A mimic version of GSAP ScrollTrigger 🎯🎯

fe-lib intersection-observer javascript scroll scroll-trigger

Last synced: 31 Jan 2026

https://github.com/Splidejs/splide-extension-intersection

The extension for controlling the slider when it enters or exits the viewport.

carousel intersection intersection-observer slider splide splidejs

Last synced: 14 Mar 2025

https://github.com/markteekman/sunnyside-agency-landing-page

Frontend Mentor challenge "Sunnyside Agency Landing Page" using CSS Flexbox and Grid, Accessibility best practices, CSS Animations and the JavaScript IntersectionObserver. Includes a sticky navigation and a revealing footer.

accessibility astro css-animations css-grid flexbox html5 intersection-observer javascript scss wcag

Last synced: 04 Apr 2025

https://github.com/shahnawaz46/shop-now-frontend-in-reactjs

Single vendor Ecommerce website using modern tools (React.js, Node.js, MongoDB, Express.js). This user-friendly website allows customers to browse products, filter and search for specific items, and seamlessly manage their shopping carts. Secure checkout functionalities ensure a smooth and trustworthy purchasing experience.

axios formik framer-motion intersection-observer lodash razor reactjs redux-toolkit toastify yup

Last synced: 05 Feb 2026

https://github.com/danielrohers/vanilla-lazy-load

Vanilla Lazy Load with IntersectionObserver and fallback

intersection-observer lazyload performance vanilla-javascript

Last synced: 18 Mar 2025

https://github.com/alexvcasillas/use-observer

React Intersection Observer implementation done right!

intersection-observer intersection-observer-api react typescript viewport

Last synced: 23 Apr 2025

https://github.com/splidejs/splide-extension-intersection

The extension for controlling the slider when it enters or exits the viewport.

carousel intersection intersection-observer slider splide splidejs

Last synced: 03 May 2025