thebuilder/react-intersection-observer
Some data may be outdated — see provenance labels.
React implementation of the Intersection Observer API to tell you when an element enters or leaves the viewport. observed · 2026-09-30
Health v2 · maintenance only
94/100
- Activity 94
- Release rhythm 92
- Longevity 100
How is this computed?
round(0.45*activity + 0.35*rhythm + 0.20*longevity); archived -> min(score, 10) — computed 2026-10-21. Adoption (stars, forks) is never an input.
- gap_med: 29.5
- age_days: 3458
- days_rel: 55
- days_push: 40
- n_releases_24m: 11
Adoption not part of the score
5539 stars · 188 forks observed · 2026-09-30
What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-29, confidence not recorded
A tiny (~1 kB gzipped) TypeScript React library wrapping the browser Intersection Observer API. It exposes hooks (useInView, useOnInView) and an <InView> component to detect when elements enter or leave the viewport.
Use cases
- lazy load images when they scroll into view
- trigger scroll reveal animations in react
- track ad impressions when visible
- build infinite scroll lists
- highlight the active section in a scrollspy nav
- prefetch data when a component approaches the viewport
When to choose
- you use React 17+ and need viewport visibility detection with a tiny bundle
- you want typed APIs matching native IntersectionObserverInit options
- you observe many elements and need shared observers for performance
- you need deterministic Jest/Vitest tests with an Intersection Observer mock
When to avoid
- you are not using React
- you need scroll position or parallax effects rather than simple visibility
- you target very old browsers without Intersection Observer support and cannot polyfill
Facets
library · maturity stable
ui-components state-management developer-tools frontend web-development performance browser react-hooks intersection-observer viewport-detection lazy-loading scroll-animations impression-tracking infinite-scroll typescript nodejs web-server
4 sources
- readme: https://github.com/thebuilder/react-intersection-observer · fetched 2026-09-30 · abcceb246a57
- homepage: https://roi.thebuilder.dk · fetched 2026-08-29 · 98da7a34ee9d
- site_page: https://react-intersection-observer.thebuilder.dk/overview · fetched 2026-08-29 · c02f877db59e
- site_page: https://react-intersection-observer.thebuilder.dk/changelog · fetched 2026-08-29 · 449972b0bb70
Member repositories
| Repository | Role | Health v2 |
|---|---|---|
| thebuilder/react-intersection-observer | main | 94 |
For agents
markdown · JSON · MCP: product_card(name="thebuilder/react-intersection-observer")
Data as of 2026-10-19T08:05:51.212177+00:00 · Report a problem