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

React components to add reveal animations using the Intersection Observer API and CSS Animations.

React component for the Intersection <Observer /> API

Detect if an element is in the viewport using the Intersection Observer API

React infinite scroll using the Intersection <Observer /> API

Svelte action that leverages the Intersection Observer API to trigger reveal on scroll transitions.

A JavaScript vanilla library to scroll based reveal animations. The murphy.js is a lightweight JavaScript animation library with a simple implementation way. All this works by joining of data-attributes, Web animate API and Intersection Observer API.

🔎 Intersection Observer API wrapper for Blazor applications

Animating SVG text on a path on scroll using the Intersection Observer API and SVG filters.

Some exemplary implementations of the Intersection Observer API

Vue component for the Intersection <Observer /> API

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

React Hooks library for element visibility. Uses the intersection observer API.

Basic examples created in React using the intersection observer API

👀 React component using the browser's Intersection Observer API to watch for when an element is within (or intersecting with) the viewport.

React Lazy Loading - Lazy load the component or anything by using Intersection Observer API

A simple React Hook for infinite scrolling built on the Intersection Observer API

React lazy loading with Intersection Observer API

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

A React interface for the Intersection Observer API

Have you ever wanted to easily find the right house in the right place and that fits your budget? This real estate agency website is what you're looking for (if you live in Honduras); It was built in using JavaScript, Firebase, REST APIs, and other interesting technologies such as Cookies, Google Analytics and Intersection Observer

🎊 Modern Event Booking System powered by GraphQL and MERN Stack. Features efficient data fetching with GraphQL queries/mutations, JWT authentication, real-time updates, and advanced lazy loading. Built with React 18, Node.js, MongoDB, and Vite. Includes DataLoader optimization, Intersection Observer API, and responsive Tailwind UI.

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

All codes I wrote while learning Intersection Observer API and its applications like lazy-loading

Vue component to lazy load content using the Intersection Observer API

Animate On entrance (AOE) is a lightweight, dependency free, insanely fast scroll animation library built on top of Intersection Observer API

Código del tutorial: Como utilizar la API de Intersection Observer de Javascript

Explore the magic of infinite scroll in React by embarking on a cosmic journey through a card-based planet explorer. Harness the power of React and Intersection Observer API to create an interactive experience

Infinite Scrolling using Intersection Observer and Unsplash API in React Hooks

Loading images lazily in a modern way using Intersection Observer API