wellyshen/react-cool-inview

Health v2 · maintenance only

Adoption not part of the score

1450 stars · 39 forks observed · 2026-08-28

What it is AI-extracted, prompt v1, taxonomy v1, 2026-08-30, confidence not recorded

A lightweight React hook and component that monitors when elements enter or leave the viewport using the Intersection Observer API. It supports use cases like lazy-loading images and videos, infinite scroll, triggering animations, tracking impressions, and detecting scroll direction.

Use cases

• lazy load images when they scroll into view
• implement infinite scroll in react
• trigger animations when element enters viewport
• track ad impressions in react app
• detect scroll direction in react
• monitor element visibility with intersection observer

When to choose

• you need performant viewport visibility detection in a React app without blocking the main thread
• you want a flexible hook-based API for lazy-loading, infinite scroll, or impression tracking
• you need scroll direction detection alongside visibility monitoring

When to avoid

• you are not using React and need a vanilla Intersection Observer wrapper
• you need scroll position or parallax effects rather than enter/leave visibility events
• you require active maintenance and frequent updates, as the latest release was in 2023

Facets

library · maturity maintenance

ui-components animation image-processing frontend web-development performance browser cross-platform react-hook intersection-observer viewport-detection lazy-loading infinite-scroll scroll-tracking typescript nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="wellyshen/react-cool-inview")