react-intersection-observer

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

Stars

4833

Forks

176

Language

TypeScript

Last Updated

May 21, 2024

Similar Repos
Repo Language Stars Description Updated At
TypeScript 2 Get callback when a DOM element enters or leaves the viewport. Mar 07, 2023
TypeScript 52 React Native component that monitors when an element enters or leaves the client viewport. Apr 28, 2023
TypeScript 1436 😎 🖥️ React hook to monitor an element enters or leaves the viewport (or another … Apr 27, 2023
TypeScript 518 A Svelte action that monitors an element enters or leaves the viewport.🔥 May 08, 2023
Svelte 200 Detect if an element is in the viewport using the Intersection Observer API Nov 28, 2022
JavaScript 22 👀 React component using the browser's Intersection Observer API to watch for when an element … Jul 26, 2020
TypeScript 3 React implementation of the Section Observer API to tell you when you enter or leave … Jan 09, 2023
TypeScript 27 React Hooks library for element visibility. Uses the intersection observer API. Jul 31, 2022
JavaScript 3 A script that adds a class to HTML when an element enters the viewport Jun 29, 2017
HTML 18 A wrapper utility for Intersection Observer with Visual Viewport support Jun 04, 2022
JavaScript 5 An Alpine.js plugin to easily set CSS classes to an element when it enters the … May 01, 2023
JavaScript 1048 React component for the Intersection <Observer /> API Aug 22, 2022
JavaScript 9368 An easy way to perform animations when a React component enters or leaves the DOM Aug 12, 2022
None 2 An easy way to perform animations when a React component enters or leaves the DOM Nov 23, 2021
JavaScript 135 React infinite scroll using the Intersection <Observer /> API May 17, 2022
Swift 71 Setup Geofences and get notifications when the device enters or leaves the geofence. Sep 20, 2022
TypeScript 2 The extension for controlling the slider when it enters or exits the viewport. Mar 02, 2023
TypeScript 19 React lazy loading with Intersection Observer API Aug 29, 2021
JavaScript 39 Vue component render when visible. Uses Intersection Observer API. Mar 30, 2023
JavaScript 12 Showcasing of the Intersection Observer API in React with createRef() Mar 04, 2022
JavaScript 19 Basic examples created in React using the intersection observer API Apr 14, 2023
Vue 15 Detect when an element is becoming visible or hidden on the page using Vue component … Apr 11, 2023
JavaScript 33 A simple React hook that works with the Intersection Observer API. Oct 12, 2021
TypeScript 46 Intersection observer for complex or embedded react native view Aug 12, 2022
TypeScript 19 A simple React Hook for infinite scrolling built on the Intersection Observer API Apr 20, 2023
TypeScript 2 React hook for check if the current element in viewport. Apr 13, 2023
JavaScript 120 Vue 2 directive that adds css classes when the element is the viewport Jul 25, 2022
JavaScript 279 Get a callback when any element becomes visible in a viewport (body or custom viewport) Jan 28, 2023
TypeScript 707 React components to add reveal animations using the Intersection Observer API and CSS Animations. Oct 19, 2022
TypeScript 2 Angular library that implements the JavaScript Intersection Observer API Oct 27, 2021
TypeScript 3 Shows when someone enters the conversation with you on Facebook Messenger Jan 28, 2023
HTML 3 Scroll reveal animations with Framer Motion's useAnimation hook and react-intersection-observer Jul 08, 2022
JavaScript 2 Detect Element Resize using React Hooks + Mutation Observer + detectElementResize Dec 15, 2022
Python 2 webcam motion detector that records the time object enters and leaves the scene Jul 18, 2022
JavaScript 2 A Svelte action to easily integrate the Intersection Observer API Jun 20, 2022
JavaScript 13 Filters that detect when an element is partially or completely outside of the viewport. May 24, 2022
TypeScript 890 React component that renders children elements when they enter the viewport. Sep 02, 2022
JavaScript 2 React component that renders children elements when they enter the viewport. Mar 04, 2023
JavaScript 3 Repository to show the use of the custom hook useObserver that integrates the API Intersection … Mar 21, 2023
None 2 Leaves a trail from the previously focused element. Dec 08, 2023
JavaScript 11 Vue component to lazy load content using the Intersection Observer API Jun 23, 2022
C# 3 flash FFXIV's window when you receive a tell Jan 06, 2022
JavaScript 6 Sensor component for React that notifies you when it goes in or out of the … Mar 13, 2023
Vue 6 Tracks, which element is currently in the viewport Feb 24, 2020
JavaScript 33 Check if an element is in the viewport Jun 14, 2021
JavaScript 12 Based on the InterfaceObserver API, a callback is performed when a bound element appears in … Sep 07, 2022
JavaScript 7 A mutation observer that plays a sound when a child element is added to the … Jul 24, 2015
JavaScript 86 Activate stuff when it's in the viewport Mar 25, 2023
Python 5 We tell you what to do when you're bored May 21, 2022
TypeScript 2 Client portfolio site with horizontal scroll built with react, tailwind css, locomotive Scroll, GSAP and … Mar 06, 2023