joshwnj/react-visibility-sensor

Health v2 · maintenance only

Flags: no_releases

Adoption not part of the score

2320 stars · 194 forks observed · 2026-08-28

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

A React component library that detects when its wrapped element enters or leaves the browser viewport and fires an onChange callback. It supports partial visibility, pixel offsets, and interval-based checks.

Use cases

• trigger animations when a component scrolls into view
• lazy-load images when they become visible
• track how long content is visible to users
• pause videos when scrolled out of the viewport
• fire analytics events on element visibility
• detect partial visibility of elements during scrolling

When to choose

• you need viewport visibility detection in a React app with fine-grained control over offsets and partial visibility
• you need to support older browsers or React versions where IntersectionObserver-based hooks are not viable

When to avoid

• you are using a modern stack where the native IntersectionObserver API or a hook like react-intersection-observer suffices
• your project is not React-based
• you need visibility detection outside the browser (e.g., server-side or native apps)

Facets

library · maturity maintenance

ui-components state-management frontend web-development browser react viewport-detection scroll-events lazy-loading visibility-sensor nodejs

Member repositories

For agents

markdown · JSON · MCP: product_card(name="joshwnj/react-visibility-sensor")