react-intersection-observer
React hook for observing element visibility using IntersectionObserver API.
Utilities npm MIT
Used in agent projects
146
1.1% of 12,697 public repos built with AI coding agents
Rank in utilities
#12 of 109
by use in those projects
Downloads
4.8M
npm, last 7 days, react-intersection-observer
GitHub stars
5,537
last push Sep 11, 2026
How react-intersection-observer is used
react-intersection-observer is a dependency in 146 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (1.1%), #12 of 109 in utilities. The most used alternative there is clsx. Projects that use it most often also use Framer Motion (78.1%), Next.js (74.7%), React (97.9%).
Often used with react-intersection-observer
| Framer Motion | 78.1% of react-intersection-observer projects · 5.8× more than average |
|---|---|
| Next.js | 74.7% of react-intersection-observer projects · 3.3× more than average |
| React | 97.9% of react-intersection-observer projects · 2.3× more than average |
| React Three Fiber | 63.7% of react-intersection-observer projects · 3.4× more than average |
| Tailwind CSS | 82.2% of react-intersection-observer projects · 2.4× more than average |
| Three.js | 58.2% of react-intersection-observer projects · 3.2× more than average |
| ESLint | 84.2% of react-intersection-observer projects · 2.2× more than average |
| React Icons | 45.2% of react-intersection-observer projects · 8.3× more than average |
By coding agent
| Cursor | 1.0% of projects set up for it |
|---|---|
| Claude Code | 0.6% of projects set up for it |
| GitHub Copilot | 0.7% of projects set up for it |
| OpenAI Codex | 1.3% of projects set up for it |
| Gemini CLI | 1.1% of projects set up for it |
Share of public repos configured for each agent that list react-intersection-observer as a dependency.
Install
| Package | npm install react-intersection-observer |
|---|---|
| Main stacks | Next.js (106), TypeScript / JavaScript (38), Python (1), Rust (1) |
| Example projects | sunflower-land/sunflower-land, thepower/PowerDapp, blockscout/frontend, vinhnx/vtchat, TeemuSo/saas-template-for-ai-lite |
Alternatives to react-intersection-observer
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| clsx npm Tiny utility for conditionally constructing className strings. |
2,251 (17.7%) | 126M | 9,847 | MIT |
| date-fns npm Modern JavaScript date utility library with comprehensive formatting functions. |
1,079 (8.5%) | 97.6M | 36.6K | MIT |
| uuid npm Generate RFC9562 compliant UUIDs for unique identifiers in applications. |
454 (3.6%) | 296M | 15.3K | MIT |
| PyYAML pypi YAML parser and emitter for reading and writing YAML configuration files. |
385 (3.0%) | 239M | 2,954 | MIT |
| Lodash npm Modular utility library with methods for common programming tasks and data manipulation. |
269 (2.1%) | 162M | 61.4K | MIT |
| bn.js npm Big number library for handling arbitrary-precision integers in JavaScript. |
217 (1.7%) | 62.1M | 1,230 | MIT |
| python-dateutil pypi Extensions to Python's datetime module for advanced date and time manipulation. |
165 (1.3%) | 233M | 2,638 | Dual License |
| yaml npm JavaScript YAML parser and stringifier with full spec compliance. |
164 (1.3%) | 179M | 1,693 | ISC |