@react-hook/window-scroll

A React hook for updating components when the scroll position of the window on the y-axis changes
OpenBrowse Files
reactreact hookhookreact hookshookswindow scrollwindow scroll hookscroll positionviewportviewport scrollviewport scroll hookusewindowscrolluse window scrollreact window scroll hookreact scroll position hookusescrollpositionuse scroll positionscroll position hook

@react-hook/window-size

React hooks for updating components when the size of the `window` changes.
OpenBrowse Files
reactreact hookhookreact hookshookswindow sizewindow size hookwindow widthwindow width hookwindow heightwindow height hookwindowviewport sizeviewport widthviewport heightviewportviewport hookreact window size hookuse window sizeuse window widthuse window heightusewindowsizeusewindowwidthusewindowheight

react-cool-inview

React hook to monitor an element enters or leaves the viewport (or another element).
OpenBrowse Files
reacthookcomponentreact-hookinview-hookinviewport-hookin-view-hookin-viewport-hookintersection-hookintersection-observer-hookuseuse-inviewuse-inviewportuse-in-viewuse-in-viewportuse-intersectionuse-intersection-observerinviewinviewportin-viewin-viewportintersectionobserverintersection-observerintersection-observer-apiperformancemonitorscroll-directiondirectionviewportvisibilitylazylazy-loadingscrollingimpressionsanimationstypescript

react-scroll-percentage

Monitor the scroll percentage of a component inside the viewport, using the IntersectionObserver API.
OpenBrowse Files
reactcomponentviewportintersectionscrollinview

react-intersection-observer

Monitor if a component is inside the viewport, using IntersectionObserver API
OpenBrowse Files
reactcomponenthooksviewportintersectionobserverlazy loadinviewuseInViewuseIntersectionObserver