Top 14 intersection-observer Open-Source Projects

• react-intersection-observer

  9 4,809 7.8 TypeScript

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

• react-cool-inview

  1 1,462 3.9 TypeScript

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

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• react-lazy-load-image-component

  1 1,365 4.8 JavaScript

  React Component to lazy load images and components using a HOC to track window scroll position.

• react-awesome-reveal

  5 1,055 7.0 TypeScript

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

Project mention: Top 7 Next.js Animation Libraries in 2023 | dev.to | 2023-08-09

• react-cool-img

  1 781 3.3 TypeScript

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

• svelte-inview

  2 731 4.5 TypeScript

  A Svelte action that monitors an element enters or leaves the viewport.🔥

• react-in-viewport

  1 335 5.9 TypeScript

  Detect if React component is in viewport

• InfluxDB

  www.influxdata.com featured

  Power Real-Time Data Analytics at Scale. Get real-time insights from all types of time series data with InfluxDB. Ingest, query, and analyze billions of data points in real-time with unbounded cardinality.

  

• vue-intersection-observer

  1 34 0.0 Vue

  Vue component for the Intersection <Observer /> API

• animon

  1 32 0.0 JavaScript

  Animate DOM elements when the appear in the viewport

• content-visibility

  1 22 0.0 HTML

  Web Component uses CSS content-visibility and fallback Intersection Observer

• alpine-intersect-animate

  1 18 0.0 JavaScript

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

• LazyAdsense

  1 5 0.0 JavaScript

  LazyAdsense is an OpenSource javascript which supports lazy loading Adsense ads

• react-lazy-io

  1 1 0.0 TypeScript

  ⚛️ react lazy load component using one intersection observer.

• tailwind-inview

  1 1 4.7 TypeScript

  Tailwind plugin for conditionally applying styles when elements enter the viewport.

Project mention: 🚀 Tailwind `inview:` aplica estilos cuando el componente entra en pantalla | dev.to | 2024-03-27

Repo: https://github.com/Marcos-Montero/tailwind-inview

• SaaSHub

  www.saashub.com featured

  SaaSHub - Software Alternatives and Reviews. SaaSHub helps you find the best software and product alternatives

  

intersection-observer related posts

• React Animation Library

  1 project | /r/reactjs | 4 Sep 2022

• Animate on scroll with Svelte Inview

  1 project | dev.to | 5 Mar 2022

• How to create Infinite Scroll with Svelte

  1 project | dev.to | 7 Sep 2021

• I just created the alpine-intersect-animate plugin

  1 project | /r/alpinejs | 31 Aug 2021

• Easily animate DOM elements entering the viewport

  1 project | dev.to | 31 May 2021

• Is an HTML element in the viewport? with React hooks

  3 projects | dev.to | 17 Feb 2021

• Know when a component enters viewport

  1 project | /r/sveltejs | 31 Jan 2021
• A note from our sponsor - SurveyJS
  surveyjs.io | 5 May 2024

  With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js. Learn more →

Index

Sponsored

SaaSHub - Software Alternatives and Reviews

SaaSHub helps you find the best software and product alternatives

www.saashub.com