Top 8 TypeScript intersection-observer Projects

react-intersection-observer

9 4,791 7.4 TypeScript

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

1 1,461 3.9 TypeScript

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

surveyjs.io sponsored

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-awesome-reveal

5 1,052 7.2 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 728 4.5 TypeScript

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

1 335 4.7 TypeScript

Detect if React component is in viewport
react-lazy-io

1 1 0.0 TypeScript

⚛️ react lazy load component using one intersection observer.
WorkOS

workos.com sponsored

The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.
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

NOTE: The open source projects on this list are ordered by number of github stars. The number of mentions indicates repo mentiontions in the last 12 Months or since we started tracking (Dec 2020).

TypeScript 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
Know when a component enters viewport
1 project | /r/sveltejs | 31 Jan 2021
I made Starbucks ! 🚀🔥
1 project | /r/reactjs | 27 Jan 2021

Index

What are some of the best open-source intersection-observer projects in TypeScript? This list will help you:

	Project	Stars
1	react-intersection-observer	4,791
2	react-cool-inview	1,461
3	react-awesome-reveal	1,052
4	react-cool-img	781
5	svelte-inview	728
6	react-in-viewport	335
7	react-lazy-io	1
8	tailwind-inview	1